React-Vue-Comparison

This repo is for someone who already familiar with React.js or Vue.js, and wants to find out the relative syntax in another framework.

	⭐️	VERSION	OPEN ISSUES & PR	DOWNLOADS/wk
React: npm gh doc	193,674	18.2.0	1,096	13,003,609
Vue: npm gh doc	198,840	3.2.37	559	2,680,505
Next.js: npm gh doc	91,510	12.2.5	1,298	2,415,812
Nuxt.js: npm gh doc	41,153	2.15.8	481	341,175
React-Router: npm gh doc	47,825	6.3.0	92	6,808,800
Vue-Router: npm gh doc	18,862	4.1.4	106	1,699,225
redux: npm gh doc	58,545	4.2.0	55	6,536,575
react-redux: npm gh doc	22,326	8.0.2	17	4,892,376
vuex: npm gh doc	27,726	4.0.2	140	1,360,576

Update: 2022/8/24

---

Contents

React.js vs Vue.js

• Render
• Basic-Component
• Prop
• Event-Binding
• Custom-Event
• State
• Change-State
• Two-Way-Binding(Vue.js only)
• Compute
• Watch
• Children-and-Slot
• Render-HTML
• Conditional-Rendering
• List-Rendering
• Render-Props
• Lifecycle
• Error-Handling
• Ref
• Performance-Optimization

Next.js vs Nuxt.js

• Assets
• Basic-Routes
• Dynamic-Routes
• Link
• Fetch-On-Server
• Layout
• Error-Page
• Meta-Tag
• Context

Tools

• CLI
• DevTools

React-Router vs Vue-Router

• Basic-Routing
• Dynamic-Routing
• Nested-Routing
• Link
• NavLink
• Get-Location
• Push
• Replace
• Redirect
• Event
• Scroll
• Lazy-Loading-and-Code-Splitting

Redux vs Vuex

• Create-Store
• Action
• Async-Action
• Reducer | Mutation
• Combine-Reducers | Modules
• Connect-with-Component
• Middleware | Plugin
• Selector | Getter
• DevTools

---

Reference

• React.js
• Next.js
• React Router
• Vue.js
• Nuxt.js
• Vue Router
• Redux
• React-Redux
• Reselect
• Vuex