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

on YouTube ↗47m

" summary

Shows incremental replacement of a JavaScript React UI with PureScript and Halogen, actually implementing a Halogen product component with a concrete state (price quantity title), using PureScript's Aff vs Effect (F vs Aff) distinction and the Halogen query algebra. Builds a hacky but working component runner that embeds Halogen into a DOM node from JS, where runUI returns a callback used to submit new state via a handleState query action; error handling is minimal and the runner is proof‑of‑concept rather than production ready.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 1:18Halogen component setup
3. 3:23PureScript F and effects
4. 8:01Component state and algebra
5. 13:48Halogen component structure
6. 20:18Render and eval functions
7. 27:38JavaScript runner for Halogen
8. 33:02Halogen with React
9. 39:51Incremental PureScript adoption
10. 45:09Summary

" related talks

• 01h 04mJavaScript to Purescript A Migration StoryJonathan Curran · LambdaConf 2018
• 47mFunctional Programming on the WebBecky Conning · Code Mesh 2015
• 43mThe Pure Functional WebBodil Stokke · Lambda World 2016
• 28mPureScript & Pux -- a safer, more expressive way to ReactMichael Trotter · Strange Loop 2016
• 01h 49mPurely Functional Web Apps using React and PureScriptPhil Freeman · LambdaConf 2015
• 49mPurescript (Maybe this time we get Javascript right)Bodil Strokke · Scala.IO 2014
• 45mPureScript (Maybe This Time We Get JavaScript Right)Bodil Stokke · Strange Loop 2014
• 36mFunctional reactive UI with JavaScriptZaiste · Lambda Days 2016