Building a Graphical IDE in Elm/Purescript (...)

on YouTube ↗46m

" summary

A web-based graphical IDE for a visual PLC language compiles to BEAM and runs on the Erlang VM, communicates over a custom websocket stack with a Cowboy handler on-device, and targets interactive performance (~30 FPS) using SVG for rendering and CSS for animation. The initial implementation uses Elm 0.16 FRP architecture and stays on 0.16 because the component wiring and custom websocket integration work. The codebase is later ported to PureScript; gained advanced types and more power while trading increased learning curve and more boilerplate.

AI-written summary · about

" chapters (17)

1. 0:00Start
2. 3:13Requirements
3. 5:29Elm Pros compared to JS
4. 6:06The famous Elm errors
5. 8:41Our Project Structure
6. 10:23PLC IDE Structure
7. 13:26Production Problems
8. 14:13Mixed Elm/Erlang Project
9. 15:18Rendering
10. 21:59Philosophy Differences
11. 25:13Pros compared to Elm Pursuit (search is by type signature)
12. 27:17Reflection on Elm - Purescript - Haskell
13. 30:35Frameworks Overview
14. 32:39Pux Structure
15. 33:38Thermite Wraps React
16. 34:56Halogen Structure Query action
17. 38:00Purescript Conclusion

" related talks

• 36mBuilding a Graphical IDE in Elm (...)Claudia Doppioslash · Erlang User Conference 2016
• 30mBuilding Single Page Web Applications with Purescript and ErlangClaudia Doppioslash · Erlang User Conference 2017
• 44mElmrang ConnectClaudia Doppioslash, Peer Stritzinger · Lambda Days 2016
• 47mElm or how I learned to love front end developmentMarco Perone · Codemotion Rome 2016
• 43mThe Pure Functional WebBodil Stokke · Lambda World 2016
• 39mDeveloper Happiness on the Front End with ElmKevin Yank · RailsConf 2017
• 01h 28mFunctional Programming for the Web with ElmAustin Bingham · ACCU 2017
• 51mElm-Friendly Functional Programming For The WebLuke Westby · GOTO Copenhagen 2016