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