June 26th, 2024 × #vuejs#front-end#frameworks
Vue.js is a full-featured, beginner-friendly front end framework with HTML-like syntax, built-in state management, and Nuxt.js for full-stack web apps.
stolinski Host
w3cj Host
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.
- 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.
Sick Picks
- Scott: Jordan Roam Slides.
- CJ: USB Charging Hub
Shameless Plugs
- Scott: Syntax on GitHub
- CJ: Syntax.fm
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads