Which do you prefer, React or Vue 3? Watch the video to discover their many commonalities and follow code examples for translating one concept to the other.
React, and Vue developers can benefit from learning and understanding each other's frameworks, discovering the similarities and transferable skills between the two.
In the video, I look at comparable React and Vue 3 code, directly comparing and contrasting along the way:
- Hello World
- Mounting your application
- Props - definition
- Props - passing values
- Child elements
- Control structures - conditionals
- Control structures - loops
- State
- Events
- Styling
- Data binding
- Data fetching
- Global state management
- Dom references
- Component lifecycle
And if you want to know more about the origins of Vue and React, I recommend you watch the Honeypot documentaries on YouTube.
What’s your preference and why? Watch the video and let me know!
larowlan #australia-nz / drupal.slack.org
Watch the video
Related Articles
Understanding React Hooks as a backend developer
VIDEO: Are there familiar approaches backend developers can take when using React Hooks and creating more complex components?
What if? Pitching for a Decoupled Layout Builder
It’s time to transform and improve the Layout Builder UI experience. What if we could rewrite it using React? Check out our video pitch (made using React), which received the highest average rank in the Pitch-burgh contest at DrupalCon!
A powerful React + Redux Toolkit pattern (reuseable state slices)
If you need global state management for your app(s) (and you probably do), a relatively new flavour of Redux called Redux Toolkit makes this considerably easier.
