A talk on the React.js library, covering the two key principles of react: reusable components and statelessness in your UI. Also covers some internals of the virtual DOM.
10. Composable, Reusable Components
● Rethinking the way we build UIs on the web
● Build components, not templates
● Use React components to create cohesive building blocks and separate your
concerns
● Reduce coupling and increase cohesion
16. Building UIs is hard because there is so much state.
Re-render, don’t mutate.
● Data displayed is guaranteed to be up-to-date
● No two-way data-binding complexity
● No explicit DOM manipulations (components are declarative.)
Stateless UI
17.
18.
19. Virtual DOM
Re-render? But isn’t DOM manipulation slow?
React knows to only update the changed parts.
Virtual DOM: A lightweight implementation of the DOM
20. ● What React is
● Components, not templates
● Re-render, not mutate
● Virtual DOM
Summary