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
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
Composable, Reusable Components
Slide 14
Slide 14 text
● What is React?
● React Components
● Stateless UI
● Virtual DOM
Agenda
Slide 15
Slide 15 text
Stateless UI
Slide 16
Slide 16 text
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
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
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
Slide 20
Slide 20 text
● What React is
● Components, not templates
● Re-render, not mutate
● Virtual DOM
Summary