Jump starting Your Elm Skills - Part 1 of 2

on YouTube ↗01h 01m

" summary

Builds a tiny shop called HipStore end-to-end: uses create‑elm‑app and elm, a custom hipster-ui package, the remote-data pattern and HTTP commands to GET products and fetch a session‑scoped cart (requires withCredentials). Implements JSON decoders via json‑decode‑pipeline, maps responses into algebraic Message types, updates Model and view, and posts cart changes. Several npm/install issues surface but the app ultimately renders product list and cart and the decoder/command flow works.

AI-written summary · about

" chapters (21)

1. 0:00Intro
2. 2:00Elm Runtime
3. 4:00Getting Started
4. 10:00Package Manager
5. 12:00Connector
6. 14:00NPM
7. 16:00Troubleshooting
8. 24:00Remote Data
9. 26:00Runtime
10. 30:00Command vs Message
11. 32:00Testing
12. 34:00Commands
13. 38:00Map
14. 40:00JSON Decoding
15. 42:00JSON Decoding Result
16. 44:00JSON Decoding Pipeline
17. 46:00JSON Decoding Part 1
18. 50:00The JSON Decoding Pipeline
19. 54:00HTTP Request
20. 56:00Cart
21. 58:00Messages

" related talks

• 39mDeveloper Happiness on the Front End with ElmKevin Yank · RailsConf 2017
• 47mElm or how I learned to love front end developmentMarco Perone · Codemotion Rome 2016
• 34mBeyond Hello World and Todo ListsOssi Hanhinen · Elm Conf 2016
• 40mFunctional in the front rails in the backLouis Simoneau, Rahul Trikha · RubyConf AU 2017
• 56mSimplifying Web App Development With Elm and Functional ProgrammingIngar Almklov · NDC London 2018
• 53mA peek in to Elm ArchitectureJayaram Sankaranarayanan · Functional Conf 2017
• 31mMake the Back-End Team Jealous: Elm in ProductionRichard Feldman · Strange Loop 2015
• 51mAdventures in ElmJessica Kerr · GOTO Chicago 2016