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.
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
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
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