How to use Functional Programming in your React app
summary
Practical steps and concrete demos decide whether to watch: code shows pure functions and composition applied to a Game of Thrones list, a bespoke pipeline that formats server responses, and a small vanilla JS implementation — built a pipe function in vanilla JS. Hooks get concrete treatment: useEffect dependency tradeoffs, extracting pure helpers, and using useReducer as local or app-level state as a lightweight Redux alternative; examples compile and run in the demo.
AI-written summary · about
chapters (9)
- 0:00Start
- 0:59cover some basic concepts in functional programming
- 1:43start by talking about the two basic building blocks of functional programming
- 10:25rxjs has a pipe method
- 11:05use rxjs to pipe regular functions
- 16:49separate our codes to side effects and fewer functions
- 19:32put inside the dependencies array all the props all the state
- 24:43using custom hooks
- 25:37create a new custom hook
related talks
59mDeveloping React Applications with Functional Components
25mA Guide To Functional Programming
30mFunctional Programming Fundamentals
50mWriting React Components: The Functional Way
28mFunctional Principles In React
45mWhy I am hooked on the future of React
01h 49mPurely Functional Web Apps using React and PureScript
17mReact hooks: the good, the bad and the ugly