Scott and CJ dive deep into the world of Vue.js, exploring what makes this frontend framework unique and why it stands out from React and Svelte. CJ gives a comprehensive tour, covering everything from getting started to advanced features like state management and Vue’s built-in styles.
Show Notes- 00:00 Welcome to Syntax!
- 00:46 Brought to you by Sentry.io.
- 02:24 What is Vue?
- 04:13 Similar to Svelte, different from React.
- 05:35 How to get started with Vue.
- 10:51 Why do you like Vue.js over React or Svelte?
- 11:03 Less boilerplate.
- 15:24 Self-closing tags.
- 16:09 Svelte parsing HTML tags incorrectly.
- 17:08 Easily adding event handlers to elements.
- 18:20 Conditional rendering.
- 19:19 What is a directive?
- 20:29 ‘Borrowing’ from Angular One.
- 21:07 Styles are built in.
- 22:11 Tailwind for scoping.
- 26:08 State management.
- 30:28 Ref Functions similar to Svelte Runes.
- 32:03 Global state management.
- 34:24 Pinia.
- 36:18 What is the full-stack application platform for Next.js?
- 38:00 Nuxt auto-imports.
- 39:37 Creating API functions and server side codes.
- 41:12 The future of Vue and compilers for front end frameworks.
- 41:43 Vue’s compiler.
- 44:19 Are people actually using Vue?
- 46:50 Laravel and Vue.
- 48:29 Sick Picks & Shameless Plugs.
- Scott: Jordan Roam Slides.
- CJ: USB Charging Hub
- Scott: Syntax on GitHub
- CJ: Syntax.fm
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads