Tecton 🔗 Halogen — Starter app

This starter project demonstrates an approach for using Tecton to style a Halogen application. CSS is authored in PureScript but "extracted" at build time to produce a static style sheet. Generating the style sheet at build time instead of runtime can avoid issues like the flash of unstyled content (FOUC), performance overhead, and Content-Security-Policy headaches.

Required tooling

Note If you are a Nix user, you can simply run nix-shell to obtain all of the required tools.

• npm
• purs
• spago
• purs-tidy

Scripts

Note You must run npm install first.

• npm run dev builds PureScript source code using Spago in watch mode, while concurrently running the Webpack dev server.
• npm run bundle creates a production-ready application bundle using Webpack.
• npm run format formats the src and test directories using purs-tidy.

Related

• purescript-tecton
• purescript-tecton-halogen
• purescript-halogen