Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Parasocial Fix.
Parasocial Fix
1062
Using Astro to build apps (React Server Components, TanStack Start, SolidStart, Bling, QGP.app)
sound issues until 2:43
Uhm count for this video: 1,548
Matthew Phillips https://twitter.com/matthewcp
Matthew Phillips co-creator of Astro will be joining me for an interview, to discuss the latest tech news (React Server Components, new React Docs react.dev, Solid Start, TanStack Start, bling, Qwik). My main interest it to figure out what's the future of "Astro for apps" is going to look like, so maybe we can take a look at https://qgp.app as well :)
Some of the questions that we are going to talk about:
- why Astro?
- what's new in Astro 2.1?
- SolidStart/TasStack/bling
- what is the best way to build an app right now?
- should Astro be mentioned in new React Docs?
- fixing HMR for Solid and React
Some of the previous streams with Matthew:
- Matteo Collina (fastify Astro) https://www.youtube.com/watch?v=GgyGjCF-pVk
- Brittney Postma (Svelte Society) https://www.youtube.com/watch?v=xokIVdLlsR0
Stuff we talked about:
- Astro 2.1 https://astro.build/blog/astro-210/
- Astro content collections https://docs.astro.build/en/guides/content-collections/
- an early version of TanStack Start https://github.com/JLarky/tanstack-astro-spa/blob/main/src/pages/%5B...path%5D.astro
- latest TanStack+Bling https://github.com/TanStack/router/tree/beta/examples/react/start-basic
- my first stream about Astro was just about a year ago! https://www.youtube.com/watch?v=TD0N2Wa8964
- Svelte page options https://kit.svelte.dev/docs/page-options
- QGP website https://qgp.app/docs/comparisons
- "websites fully with React" https://react.dev/learn/start-a-new-react-project
- iles SPA mode https://iles-docs.netlify.app/guide/turbo
- Astro Tubro integration https://www.maxiferreira.com/blog/astro-turbo-persistent-islands/
- Wakuwork RSC framework https://github.com/dai-shi/wakuwork
- KCDs full stack components https://www.epicweb.dev/full-stack-components
- is React taking over Next or is Next overtaking React? https://twitter.com/JLarky/status/1637304653640781826
- our lighthouse scores over time https://twitter.com/JLarky/status/1633151658074034176
- npm trends CRA vs Next https://npmtrends.com/next-vs-react-scripts
- QGP demo with SSR https://qgp-gpt.deno.dev/
Chapters:
0:00 sounds issues
2:43 fixing sound
3:23 🎬 video starts
13:25 export const prerender = true
23:50 do jamstack and #transitionalapps mean anything?
25:08 🌶️ take on Svelte
27:50 is RSCs support on Astro roadmap?
31:38 how Astro is different from RSCs
33:40 router in RSCs is different from SPA or MPA router
36:29 Astro plans to add framework agnostic client-side router
39:23 explaining RSC router in Astro terms
45:39 how could Astro implement RSC or Full Stack Components
51:20 🌶️ take on Next.js
56:02 bling 💍 frameworks: TanStackStart, SolidStart
1:05:50 bling fetch$ demo and QGP explanation
1:17:37 explaining SPA navigation on QGP.app website
1:25:11 Conclusions: Astro as a platform
Uhm count for this video: 1,548
Matthew Phillips https://twitter.com/matthewcp
Matthew Phillips co-creator of Astro will be joining me for an interview, to discuss the latest tech news (React Server Components, new React Docs react.dev, Solid Start, TanStack Start, bling, Qwik). My main interest it to figure out what's the future of "Astro for apps" is going to look like, so maybe we can take a look at https://qgp.app as well :)
Some of the questions that we are going to talk about:
- why Astro?
- what's new in Astro 2.1?
- SolidStart/TasStack/bling
- what is the best way to build an app right now?
- should Astro be mentioned in new React Docs?
- fixing HMR for Solid and React
Some of the previous streams with Matthew:
- Matteo Collina (fastify Astro) https://www.youtube.com/watch?v=GgyGjCF-pVk
- Brittney Postma (Svelte Society) https://www.youtube.com/watch?v=xokIVdLlsR0
Stuff we talked about:
- Astro 2.1 https://astro.build/blog/astro-210/
- Astro content collections https://docs.astro.build/en/guides/content-collections/
- an early version of TanStack Start https://github.com/JLarky/tanstack-astro-spa/blob/main/src/pages/%5B...path%5D.astro
- latest TanStack+Bling https://github.com/TanStack/router/tree/beta/examples/react/start-basic
- my first stream about Astro was just about a year ago! https://www.youtube.com/watch?v=TD0N2Wa8964
- Svelte page options https://kit.svelte.dev/docs/page-options
- QGP website https://qgp.app/docs/comparisons
- "websites fully with React" https://react.dev/learn/start-a-new-react-project
- iles SPA mode https://iles-docs.netlify.app/guide/turbo
- Astro Tubro integration https://www.maxiferreira.com/blog/astro-turbo-persistent-islands/
- Wakuwork RSC framework https://github.com/dai-shi/wakuwork
- KCDs full stack components https://www.epicweb.dev/full-stack-components
- is React taking over Next or is Next overtaking React? https://twitter.com/JLarky/status/1637304653640781826
- our lighthouse scores over time https://twitter.com/JLarky/status/1633151658074034176
- npm trends CRA vs Next https://npmtrends.com/next-vs-react-scripts
- QGP demo with SSR https://qgp-gpt.deno.dev/
Chapters:
0:00 sounds issues
2:43 fixing sound
3:23 🎬 video starts
13:25 export const prerender = true
23:50 do jamstack and #transitionalapps mean anything?
25:08 🌶️ take on Svelte
27:50 is RSCs support on Astro roadmap?
31:38 how Astro is different from RSCs
33:40 router in RSCs is different from SPA or MPA router
36:29 Astro plans to add framework agnostic client-side router
39:23 explaining RSC router in Astro terms
45:39 how could Astro implement RSC or Full Stack Components
51:20 🌶️ take on Next.js
56:02 bling 💍 frameworks: TanStackStart, SolidStart
1:05:50 bling fetch$ demo and QGP explanation
1:17:37 explaining SPA navigation on QGP.app website
1:25:11 Conclusions: Astro as a platform