Downloaded 31 times
More Related Content
![[114]angularvs react 김훈민손찬욱](https://cdn.slidesharecdn.com/ss_thumbnails/114angularvsreact-161023163723-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Introduction to React
Introduction to React
- 1.
- 2. Brief History ofReact 2011: Created internally at FB. 2012: Instagram acquired by FB. Begins re-write of their front-end. 2013: Open sourced at JSConf.
- 3.
- 4.
- 6.
- 7. Data flows inone direction.
- 8. How everyone elsedoes it… • Model View Controller (MVC) • Model View ViewModel (MVVM) • Model View *Something*
- 9.
- 10.
- 11. How React DoesIt 1. On every update, React builds a new Virtual DOM representation of your application.
- 12. How React DoesIt 2. It then compares the new representation against the previous one, and determines what has changed.
- 13. How React DoesIt 3. It decides what individual change to the DOM are required to reflect this new state. Each change is placed in a queue.
- 14. How React DoesIt 4. Finally, it batch updates the DOM based on the changes in the queue.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. What else dowe get by being decoupled from the DOM?
- 22.
- 23.
- 24. Could we targetsomething besides the DOM?
- 25.
- 26.
- 27.
- 28. What React Isn’t •Library, not a framework • Doesn’t tell you how to fetch data. • Doesn’t tell you how to push state changes back to the server. • Doesn’t help you route from a url to a specific component • Doesn’t provide you tooling for packaging or deploying your application.
- 29.