Vue and React by example

1. Vue vs React
Viet Tran - CTO Skylab
By example

2. Facebook
Evan You
First released in Mar 2013
First released in Feb 2014
by
by
Introduc:on & History

3. Vue vs React by example

4. Shopping List without React/Vue
DOM is everywhere

5. Shopping List without React/Vue
When we add a new shopping item

6. Shopping List with React/Vue
Everything is Virtual DOM/Component

7. Components in React

8. Components in Vue

9. Create a component (React)

10. Create a component (Vue)
Single file component Dynamic component/Register component

11. Upda:ng and events (React)

12. Upda:ng and events (Vue)

13. Passing events to children (React)

14. Passing events to children (Vue)

15. Two-way data binding

16. Two-way data binding (React)

17. Two-way data binding (React)

18. Two-way data binding (Vue)

19. App State for Shopping List

20. Render with itera:ng in React

21. Render with itera:ng in Vue

22. State Management
+
+
Vuex

23. Sta:s:cs - Star History
http://www.timqian.com/star-history/#vuejs/vue&facebook/react

24. Sta:s:cs - NPM Trends
http://www.npmtrends.com/react-vs-vue

25. Sta:s:cs - Google Trends
https://trends.google.com/trends/explore?q=react,Vue

26. Performance - Dura:on in milliseconds
http://www.stefankrause.net/js-frameworks-benchmark6/webdriver-ts-results/table.html

27. Performance - Memory Size
http://www.stefankrause.net/js-frameworks-benchmark6/webdriver-ts-results/table.html

28. No framework/library is beRer
Just we are beRer

29. Q & A

30. Thank you
Viet Tran - CTO Skylab
vieRranx@gmail.com