Introduction to React.js

UNC Cause 2015 presentation on React.js
Code examples at https://github.com/jlbooker/reactjs-intro-examples

Transcript

1. Introduction to React.js
2. A Javascript Library for Building User Interfaces https://github.com/facebook/react
3. Compare To
5. React is Declarative Imperative “describe computation in terms of statements that change a program state” Declarative “express the logic of a computation with describing control flow” *According to Wikipedia
6. sibling(X, Y) :- parent_child(Z, X), parent_child(Z, Y). parent_child(X, Y) :- father_child(X, Y). parent_child(X, Y) :- mother_child(X, Y). mother_child(trude, sally). father_child(tom, sally). father_child(tom, erica). father_child(mike, tom). ?- sibling(sally, erica). Yes
7. State React Component DOM Elements Events * Virtual DOM
8. Virtual DOM Tree Diff State One State Two Mutations
9. Code Demos
10. Composition & Data Flows State Mutations
11. Composition & Data Flows Event Callbacks Props
12. Todo Example http://rob.conery.io/2011/08/11/the-backbone-js-todo-list-sample-refactored-part-1/
13. Spreadsheet App Table Row Row Row Row Row Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell
14. Spreadsheet App Table Row Row Row Row Row Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Total Total Total Total Total
15. Spreadsheet App Table Row Row Row Row Row Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Cell Total Total Total Total Total Row Total Total Total Total Total
16. Code Demos #2
17. http://reactjs.org https://github.com/facebook/react https://github.com/jlbooker/reactjs-intro-examples