Functional Principles In React

on YouTube ↗28m

" summary

Claims four principles tie React and functional programming: composition, declarative style, immutability and isolation. Shows concrete tools: React with propTypes, Flux (and Redux), Immutable.js, and Elm. Demonstrates Elm’s enforced pattern init update view, effects returned as ports and a small GitHub events app that compiles and runs, proving “no undefined” at runtime and surfacing only compile errors. Recommends funneling server calls into one layer and using immutable updates so components remain predictable and testable.

AI-written summary · about

" chapters (9)

1. 0:00Start
2. 3:56FUNCTIONAL PROGRAMMING
3. 7:46COMPOSITION
4. 12:23DECLARATIVE STYLE
5. 13:44DATA IN, DATA OUT
6. 14:40ISOLATION
7. 16:26REASONING ABOUT CODE
8. 17:251 MINUTE OF FLUX
9. 18:33FLOW OF DATA

" related talks

• 50mWriting React Components: The Functional WayDavid Kopal · International JavaScript Conference Munich 2017
• 30mFunctional Programming FundamentalsMatthew Gerstman · ReactNext 2018
• 59mDeveloping React Applications with Functional ComponentsVenkat Subramaniam · Great International Developer Summit 2023
• 28mHow to use Functional Programming in your React appNetta Bondy, Dafna Rosenblum · ReactNext 2019
• 32mIntroduction To Elm For React DevelopersErik Wendel · ReactJS Day 2017
• 52mJavaScript: Programowanie funkcyjne w JavaScriptMateusz Wojczal · 4Developers 2020
• 33mThe New Best PracticesJani Eväkallio · React Finland 2018
• 27mI Heard React Was GoodRyan Christiani · Spotlight React 2016