Skip to content

Latest commit

 

History

History
45 lines (33 loc) · 1.11 KB

README.md

File metadata and controls

45 lines (33 loc) · 1.11 KB
Raw

Elmish + Tailwind + TypedCssClasses Starter

This is a starter template for those looking to use Elmish with Tailwind and CSS type provider.

It uses:

  • Elmish.React
  • Elmish.HMR
  • Feliz (as a DSL instead of Elmish double list style)
  • Zanaptak.TypedCssClasses (CSS type provider)
  • Tailwind CSS
  • Prettier
  • Webpack 5
  • Yarn (changing to npm should be quite easy just replace yarn with npm in the package.json and remove yarn.lock)

Running the first time

yarn install
yarn first-start

Running the app (not the first time)

yarn start

Generate production files

yarn build

The files will wind up in deploy.

Acknowledgement

This repo is more or less a port of @zanaptak's Tailwind sample (a huge thanks to him!). The difference is that this one uses Elmish instead of Feliz (Feliz is still used as a DSL). This difference meant changing the hot module reload extension in Webpack, which took me a while to figure out so here we are :D