Create 787 - You Should Try Vuejs.md (#1717)

shows/787 - You Should Try Vuejs.md

@@ -0,0 +1,66 @@
+---
+number: 787
+title: You Should Try Vue.js
+date: 1719399600000
+url: https://traffic.libsyn.com/syntax/Syntax_-_787.mp3
+youtube_url: https://www.youtube.com/watch?v=TkJMtssND-U
+---
+
+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](#t=00:00)** Welcome to Syntax!
+* **[00:46](#t=00:46)** Brought to you by [Sentry.io](https://sentry.io/syntax).
+* **[02:24](#t=02:24)** What is [Vue](https://vuejs.org/)?
+    * **[04:13](#t=04:13)** Similar to Svelte, different from React.
+* **[05:35](#t=05:35)** How to get started with Vue.
+    * **[05:43](#t=05:43)** Script tag.
+    * **[06:01](#t=06:01)** CLI.
+    * **[07:10](#t=07:10)** The value of an opinionated CLI.
+* **[10:51](#t=10:51)** Why do you like Vue.js over React or Svelte?
+    * **[11:03](#t=11:03)** Less boilerplate.
+    * **[15:24](#t=15:24)** Self-closing tags.
+    * **[16:09](#t=16:09)** Svelte parsing HTML tags incorrectly.
+        * [Hacker News Article](https://news.ycombinator.com/item?id=39942387).
+    * **[17:08](#t=17:08)** Easily adding event handlers to elements.
+    * **[18:20](#t=18:20)** Conditional rendering.
+    * **[19:19](#t=19:19)** What is a directive?
+    * **[20:29](#t=20:29)** 'Borrowing' from Angular One.
+    * **[21:07](#t=21:07)** Styles are built in.
+    * **[22:11](#t=22:11)** Tailwind for scoping.
+    * **[26:08](#t=26:08)** State management.
+    * **[30:28](#t=30:28)** Ref Functions similar to Svelte Runes.
+    * **[32:03](#t=32:03)** Global state management.
+    * **[34:24](#t=34:24)** [Pinia](https://pinia.vuejs.org/).
+* **[36:18](#t=36:18)** What is the full-stack application platform for Next.js?
+* **[38:00](#t=38:00)** [Nuxt auto-imports](https://nuxt.com/docs/guide/concepts/auto-imports).
+    * [sveltekit-autoimport](https://github.com/yuanchuan/sveltekit-autoimport).
+* **[39:37](#t=39:37)** Creating API functions and server side codes.
+* **[41:12](#t=41:12)** The future of Vue and compilers for front end frameworks.
+* **[41:43](#t=41:43)** Vue's compiler.
+* **[44:19](#t=44:19)** Are people actually using Vue?
+* **[46:50](#t=46:50)** [Laravel](https://laravel.com/frontend) and Vue.
+* **[48:29](#t=48:29)** Sick Picks & Shameless Plugs.
+
+[Vue.js: The Documentary](https://www.youtube.com/watch?v=OrxmtDw4pVI).
+
+### Sick Picks
+
+- Scott: [Jordan Roam Slides](https://www.nike.com/t/jordan-roam-slides-0nD8Dq).
+- CJ: USB Charging Hub
+
+### Shameless Plugs
+
+- Scott: [Syntax on GitHub](https://github.com/orgs/syntaxfm/repositories)
+- CJ: [Syntax.fm](https://syntax.fm/)
+
+### Hit us up on Socials!
+
+Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)
+
+Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)
+
+Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)
+
+Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)