Get YouTube subscribers that watch and like your videos
Get Free YouTube Subscribers, Views and Likes

React vs Vue - Template Syntax and State Management

Follow
Syntax

In this video CJ shows how he built the same app with both Vue and React. He focuses on comparing the syntax of React and Vue and also how each manages state updates.

See the full Vue vs React series here:    • Vue vs React  

00:00 Intro
00:52 Example App Overviews
03:30 Sign Up Form Example
03:55 Zod Schema Validation
04:11 State in React
05:13 State in Vue
06:07 React Render Function
07:01 React setField State Update
07:40 vmodel in Vue
08:44 Vue Template Syntax
10:18 Conditional Rendering in Vue
10:36 Conditional Rendering in React
10:46 Accessing Values inside Elements
11:03 onBlur helper in React
11:48 onBlur helper in Vue
12:01 Render Cycle Considerations in React
12:51 Vue SFC Considerations
13:30 React vs Vue Render Cycle
13:48 Vue vs React Summary
14:37 Next Time
14:52 Thanks!

React Docs | https://react.dev/
Vue Docs | https://vuejs.org/

View the code here: https://github.com/w3cj/vuevsreact



Hit us up on Socials!

https://www.syntax.fm/links

Brought to you by Sentry Use code "tastytreats" to get 2 months free https://sentry.io/syntax

#javascript #react #vuejs

posted by yezgove