Lambdas, lambdas everywhere...
summary
Refactors an Airbnb-style date picker from a stateful React class into stateless functions using recompose withState, showing a working prototype that preserves focus, highlighted range and formatting. Claims a concrete 50% less code reduction on that example. Demonstrates reducer techniques using Fantasyland via folktale and crocks (Maybe/Either), pattern-matching-style dispatch, and links slides and a runnable CodeSandbox so the code and behavior can be inspected and verified.
AI-written summary · about
chapters (8)
- 0:00Functional React intro
- 1:13Why React needs FP
- 3:21Analyzing class date picker
- 7:43Refactoring with Recompose
- 12:00Less code benefits
- 12:43Simplifying reducers
- 15:32Crocks functional library
- 16:37Live demo & Q&A
related talks
28mThe State of React State in 2019
35mAdvanced patterns in building React Components
25mSimply React
45mReact refactoring, off the hook(s)!
18mDestructuring state management (in React)
38mWriting highly reusable React components
50mWriting React Components: The Functional Way
39mRefactoring off the hook(s)