KEMBAR78
Vue and React Comparison | PDF
Vue vs React
Viet Tran - CTO Skylab
By example
Facebook
Evan You
First released in Mar 2013
First released in Feb 2014
by
by
Introduc:on & History
Vue vs React by example
Shopping List without React/Vue
DOM is everywhere
Shopping List without React/Vue
When we add a new shopping item
Shopping List with React/Vue
Everything is Virtual DOM/Component
Components in React
Components in Vue
Create a component (React)
Create a component (Vue)
Single file component Dynamic component/Register component
Upda:ng and events (React)
Upda:ng and events (Vue)
Passing events to children (React)
Passing events to children (Vue)
Two-way data binding
Two-way data binding (React)
Two-way data binding (React)
Two-way data binding (Vue)
App State for Shopping List
Render with itera:ng in React
Render with itera:ng in Vue
State Management
+
+
Vuex
Sta:s:cs - Star History
http://www.timqian.com/star-history/#vuejs/vue&facebook/react
Sta:s:cs - NPM Trends
http://www.npmtrends.com/react-vs-vue
Sta:s:cs - Google Trends
https://trends.google.com/trends/explore?q=react,Vue
Performance - Dura:on in milliseconds
http://www.stefankrause.net/js-frameworks-benchmark6/webdriver-ts-results/table.html
Performance - Memory Size
http://www.stefankrause.net/js-frameworks-benchmark6/webdriver-ts-results/table.html
No framework/library is beRer
Just we are beRer
Q & A
Thank you
Viet Tran - CTO Skylab
vieRranx@gmail.com

Vue and React Comparison