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