Integrating Purescript and Halogen into Javascript Apps - Part 1 of 6

on YouTube ↗53m

" summary

Live coding shows taking a React/Redux shopping cart and gradually replacing parts with PureScript and Halogen, demonstrating JS interop, build steps (npm/yarn), and the exact edits that make pieces compile and run. Expect concrete tradeoffs around form-heavy UI, component composition, and whether a React driver or wrapping existing components works. Sessions document failures and fixes, the incremental migration pattern, and how much boilerplate actually shrinks.

AI-written summary · about

" chapters (18)

1. 0:00Intro
2. 2:07Show Hands
3. 4:08Live Coding
4. 7:57Structure Objects
5. 9:30Require Statements
6. 9:52Import Statements
7. 10:27Callbacks
8. 10:45React
9. 11:57JSX
10. 24:30Why Halogen
11. 27:13Getting the green light
12. 34:17Bloopers
13. 35:22Questions
14. 36:09Check out
15. 40:15NPM install
16. 42:02Change function in constant
17. 43:01Prop types
18. 44:49React Redux

" related talks

• 01h 04mJavaScript to Purescript A Migration StoryJonathan Curran · LambdaConf 2018
• 47mFunctional Programming on the WebBecky Conning · Code Mesh 2015
• 01h 49mPurely Functional Web Apps using React and PureScriptPhil Freeman · LambdaConf 2015
• 43mThe Pure Functional WebBodil Stokke · Lambda World 2016
• 28mPureScript & Pux -- a safer, more expressive way to ReactMichael Trotter · Strange Loop 2016
• 49mPurescript (Maybe this time we get Javascript right)Bodil Strokke · Scala.IO 2014
• 27mUnderstanding JavaScript Libraries via React and the React EcosystemAndrew Pinkham · DjangoCon US 2017
• 30mTowards a simpler JavaScript ecosystemGil Tayar · JSHeroes 2023