Using Elm's Json Decoders in Angular

on YouTube ↗18m

" summary

Shows how Elm's Json Decoders plug into an Angular TypeScript stack to validate incoming payloads at runtime, decoding nested objects, optional fields and arrays inside services and NgRx effects. Demo catches concrete failures: number→string type mismatch, missing keys and array-index errors, and distinguishes decoder errors from HTTP 404s. Integration returns either a typed value or a decode error, and the library is reported working in production for over a year.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 0:36about me
3. 8:05decoder.ts Create a data decoder
4. 9:55service.ts Load the data from the service
5. 11:08Demo using NGRX Print the data in the template

" related talks

• 27mDecoding Perplexing TypeScriptDaria Caraway · JSConf Budapest 2024
• 17mIntro to DecodersMatt Bray · ReasonConf 2019
• 36mFull Stack Type-safety: Elm with ScalaChoucri Fahed · Lambda Days 2017
• 01h 07mReactive Frontends with RxJS and Angular - Sergi AlmarSergi Almar · SpringOne Platform 2017
• 30mUse Angular for better React appsMartin Hochel · FrontEnd Con 2018
• 06mAngular Epic Fails: AI Edition 2025Rafał Brzoska · NG Poland 2025
• 28mLeveraging Angular in Node.js with NestJSKamil Mysliwiec · ngVikings 2019
• 29mUsing TypeScript with Redux ArchitectureSandi Barr · Nordic.js 2018