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.
  • 05:43 Script tag.
  • 06:01 CLI.
  • 07:10 The value of an opinionated CLI.
• 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.
    • Hacker News Article.
  • 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.
  • sveltekit-autoimport.
• 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.

Vue.js: The Documentary.

Sick Picks

• Scott: Jordan Roam Slides.
• CJ: USB Charging Hub

Shameless Plugs

• Scott: Syntax on GitHub
• CJ: Syntax.fm

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads