Welcome to the sixth episode of DejaVue! Alex is joined by another amazing guest - he is a Front-end Developer, Public Speaker and also part of the Nuxt.js core team - Julien Huang.
While Michael is still off on paternity leave, Julien and Alex talk about how Julien started to code (during COVID 😲) and when he dabbled into open source, which culminated in joining the Nuxt team and regularly contributing.
One of the key feature that Julien is working on are Server Components - so of course the rest of the episode revolves around them. What are they? How do they work? And when should you use them? Julien will go in-depth on all these questions, give some behind the scene looks and "do's and don'ts" advice too!
Eventually, the future of Server Components is discussed.
Enjoy the episode!
--
Our Guest
* Julien Huang
* Twitter - / julienhuang_dev
* GitHub - github.com/huang-julien/
Host
* Alexander Lichter
* KZhead - @TheAlexLichter
* Twitter - / thealexlichter
* Web - www.lichter.io/
--
Chaptermarks:
00:00 Intro and guest introduction
00:50 Julien's day job
02:31 His programming journey
10:28 Getting into Open Source
15:47 What are Nuxt Server Components?
17:37 When would you use Server Components?
20:27 Server Components and interactivity
26:55 How are Server Components handled on the client side?
30:21 Does Static Site Generation (SSG) work with Server Components?
32:43 Why are Server Components still experimental?
35:02 Remote Component Islands
38:32 The future of Server Components
44:38 Julien's thoughts on React's vs Vue's Server Component approach
47:53 Outro
--
Links and Resources
▶ Open Classrooms openclassrooms.com/
▶ Analog's (Angular) SFC proposal analogjs.org/docs/experimenta...
▶ Julien's first module to enable the runtime compiler github.com/huang-julien/nuxt-...
▶ Faster Nuxt Builds with the Build Cache Module • Faster Nuxt Builds? 🤔 ...
▶ Server Component Docs nuxt.com/docs/guide/directory...
▶ 414 URI Too Long developer.mozilla.org/en-US/d...
▶ NuxtIsland nuxt.com/docs/api/components/...
▶ The Nuxt Contribution Guide nuxt.com/docs/community/contr...
▶ Island Architecture www.patterns.dev/vanilla/isla...
▶ Astro astro.build/
▶ Server Only Pages nuxt.com/docs/guide/directory...
▶ Inertia.js inertiajs.com/
▶ Nuxt.js Discord / discord
--
Follow DejaVue on
▶ The Web: dejavue.fm/
▶ Twitter: / dejavuefm
▶ Apple Podcast: podcasts.apple.com/us/podcast...
▶ KZhead: / @dejavuefm
▶ Spotify: open.spotify.com/show/5VQ15QH...
▶ Deezer: www.deezer.com/show/1000792252
▶ Amazon Music: music.amazon.com/podcasts/798...
▶ Pocket Casts: pca.st/49qr8d1k
Thank you guys for amazing content. Would be nice to see server components in one of your streams Alexander. How to use them in real life apps. 🤓 and I agree that Nuxt/Vue is easy to understand compared to React. JSX of react is a nightmare for me, than I tried Vue I loved it.
Hope I find a good case to show! Maybe when working on the DejaVue website 👍🏻
I'm going to test this feature the next week . I hope i will have a better perfomance in mi aplications (web-ones MPA)
Amazing that Julien is doing all this with just 4 years into programming
Right? 🔥
Is there any cons to use mainly server pages with a few nuxt-client components ? A bit like Astro I guess... Seems perfect for small content site.