Functional Web Development – An Introduction to React.js

on YouTube ↗51m

" summary

React.js claims to let large, dynamic apps be fast and predictable by ditching parts of MVC and rendering UI as composed components into a virtual DOM, using persistent data via Immutable.js and cursors to localize updates, plus server rendering and batched renders on requestAnimationFrame. Concrete wins: Facebook fixed a messenger counter bug, mobile builds hit about 2,000 object creations per 60fps on cheap phones, and an undoable app history plays back in roughly seven lines to replay history.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 10:22A SHOPPING CART - OOP DATA & METHODS
3. 19:23REACT.JS VIRTUAL DOM
4. 24:13REACT.JS STATE
5. 27:41REACT.JS COMPONENT LIFECYCLE
6. 28:34REACT.JS SHOPPING CART
7. 30:37IMMUTABLE MAPS
8. 31:19IMMUTABLE VECTOR
9. 31:49IMMUTABLE EQUALITY
10. 34:02IMMUTABLE INTEROP
11. 35:19IMMUTABLE CURSORS
12. 39:15IMMUTABLE SHOPPING CART
13. 43:28SERVER-SIDE RENDERING

" related talks

• 53mBuilding Web Apps with React.jsPratik Patel · Jfokus 2018
• 01h 04mWhat makes React different?Jake Ginnivan · NDC Sydney 2016
• 30mReact: Rethinking best practicesPete Hunt · JSConf EU 2013
• 36mReact: RESTful UI RenderingPete Hunt · Strange Loop 2014
• 26mLightning Fast React AppsSia Karamalegos · AgentConf 2018
• 42mReact, Another Way to Think About Your Web ComponentsMathieu Ancelin · DevFest Nantes 2015
• 41mReact - Rethinking Best Practices (updated)Pete Hunt · JSConf.Asia 2013
• 18mReact Through the AgesPaul O'Shannessy · dotJS 2014