Back to React

on YouTube ↗35m

" summary

Argues that React components behave like stream transformers and demonstrates working examples: a timer and a debounced GIF fetcher implemented with observables/streams (RxJS) and a tiny createComponent helper under fifty lines that turns a prop stream into a view stream. Shows how the Elm architecture maps to React via an update/reducer + view pattern with nested actions, reports it reduces bugs and improves testability, but notes performance and ceremony tradeoffs and when setState remains simpler.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 0:25Andrew Clark
3. 1:47Intro to Functional Programming
4. 3:45React Components
5. 5:04Purity versus Impurity
6. 7:00Render Method
7. 8:42Rx Marbles
8. 9:30Scan
9. 11:28Dom Driver
10. 21:37Elm Architecture
11. 22:51Update Function
12. 24:54Actions inside Actions Pattern
13. 27:10View
14. 28:21Nested Pattern
15. 30:40Disadvantages

" related talks

• 27mEmbrace Reactive Programming in React and Vue with RxJSFahad Ibnay Heylaal · Amsterdam JSNation Conference 2018
• 35mReact + RxJS: A Match Made in HeavenJohn Lindquist · Uphill Conf 2018
• 33mHow React changed everythingKen Wheeler · React Finland 2018
• 34mAre You Smarter Than a React Component?Chance Strickland · React Miami 2025
• 27mI Heard React Was GoodRyan Christiani · Spotlight React 2016
• 59mDeveloping React Applications with Functional ComponentsVenkat Subramaniam · Great International Developer Summit 2023
• 34mI Heard React Was GoodRyan Christiani · FITC Toronto 2016
• 01h 04mWhat makes React different?Jake Ginnivan · NDC Sydney 2016