Previous Episode: First Developer Jobs
Next Episode: Level Up with Hackathons

How do these two popular frontend frameworks compare with each other? In this episode, we discuss the similarities and differences between…

How do these two popular frontend frameworks compare with each other?

In this episode, we discuss the similarities and differences between React and Vue!


Both are used as single page applications (SPAs). We discuss why these are popular choices in building rich user experiences on the web today! And the core principles behind them - lifecycle methods, state management, and the virtual DOM. How they work behind the scenes and why it helps you write better code!


Next, we dive into React. Classes vs. Hooks, and how React implements these as a SPA. We talk about our first experiences using React, and our struggles first learning it!


Finally, we discuss how Vue works, and how it is similar to, or different from React in it's implementation. We compare global state management tools, CLI's, styling, documentation, typescript support, and so much more!

Shownotes

00:30 - Intro End
00:50 - Introduction to Front End Frameworks
04:07 - Lifecycles in a Front End Framework
09:05 - React Classes vs React Hooks
14:01 - Experiences while learning React
17:50 - Introduction to Vue
22:23 - Comparisons between React & Vue
29:38 - Styling in React vs Vue
34:04 - Global State Management
38:40 - CLI Tooling
39:35 - Comparing the documentation of React & Vue
40:59 - Typescript support
43:29 - Comparing the mobile integration of React & Vue
45:53 - Dessert Time!
48:30 - Wrap-up & Outros

Links

Learning Vue As A React Developer