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	197,796	18.2.0	1,090	14,355,288
Vue: npm gh doc	200,728	3.2.45	587	3,150,797
Next.js: npm gh doc	96,491	13.0.3	1,555	2,871,321
Nuxt.js: npm gh doc	41,606	3.0.0	511	401,488
React-Router: npm gh doc	48,817	6.4.3	118	7,118,939
Vue-Router: npm gh doc	18,903	4.1.6	109	1,946,617
redux: npm gh doc	58,890	4.2.0	56	6,901,716
react-redux: npm gh doc	22,456	8.0.5	13	5,212,531
vuex: npm gh doc	27,876	4.1.0	118	1,485,136

Update: 2022/11/17

---

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