EPISODE · Mar 29, 2021 · 1H 19M
027: elm-tailwind-modules
from Elm Radio · host Dillon Kearns
Our guest: Philipp Krüger, aka matheus23 (github) (twitter)matheus23/elm-tailwind-moduleselm-reduce (Philipp's Bachelor's thesis)TailwindCSSThe Tailwind config fileelm-uiSass/ScssCSS inheritanceCohesion and coupling - don't separate things that need to be understood togethermonty5811/postcss-elm-tailwind paved the path for Philipp's libraryPurgeCSSPhilipp's library is a fork of justinrassier/postcss-elm-css-tailwindrtfeldman/elm-css (it's a drop-in replacement for elm/html)CSS in JSmiyamoen/elm-origamimatheus23/elm-default-tailwind-modules is the best way to start (it's the generated elm-tailwind-modules code for the default TailwindCSS configuration)elm-tailwind-modules currently requires you to order your breakpoints from high to low (see docs)tesk9/accessible-htmlgithub.com/dillonkearns/elm-pages-starterelm-pages-tailwind-starterCSS gridElm Radio elm-ui episodeminiBill/elm-ui-with-contextTailwindUI - a paid catalog of TailwindCSS templates and widgets/componentselm-ts-interop landing page (built with elm-tailwind-modules)html-to-elm.comelm-review rule for html-to-elm.com, dillonkearns/elm-review-html-to-elmRefactoring UI bookReact presentational components vs ???This blog post talks about the View Objects pattern in Object-Oriented ProgrammingElm Radio Incremental Steps episodeFullStack Radio podcastA FullStack episode about the TailwindCSS philosophyelm-css's fromUnstyled and toUnstyled are helpful for incremental adoption (start refactoring from the leaves)
What this episode covers
We discuss using elm-tailwind-modules to build type-safe Tailwind views. It's composable, uses Elm's built-in dead code elimination, and is a delightful way to style Elm apps!
NOW PLAYING
027: elm-tailwind-modules
No transcript for this episode yet