Dataflow through React
Introduction
1.
Overview
1.1.
how react see's your code
1.2.
how data flows through react
1.3.
modern techniques for building react components
2.
React Render Process
2.1.
react render to update queue
2.2.
how react sees a pure component
2.3.
react render tree
3.
React data loading
3.1.
top down
3.2.
sideways
4.
React data
5.
React component taxonomy
5.1.
class
5.2.
stateless/microcomponentization/dumb
5.3.
container/smart
5.4.
HoCs
5.5.
pure
6.
React testing
6.1.
expose simple components along side your wrapped components
7.
In practice
7.1.
redux/todomvc refactor
7.2.
recompose
8.
Demo
8.1.
results
Powered by
GitBook
A
A
Serif
Sans
White
Sepia
Night
Share on Twitter
Share on Google
Share on Facebook
Share on Weibo
Share on Instapaper
Dataflow through React
react render to update queue
Process:
Call render on entire component tree - Javascript
Coalesce these framents with the Previous renders fragments
Find the diff bewteen them
Create a set of changes to update the UI
Batch the UI changes
