I-As.Dev

Learn how to build and ship React applications with absolutely no JavaScript using static site builder Astro.

🧐 What's Inside
00:00 - Intro
00:14 - Tools we'll use like Astro and React.js
01:30 - Creating and preparing a new Astro app with node 14+
04:34 - Adding Astro syntax highlighting with VS Code language support
05:07 - Reviewing Astro concepts and files
06:48 - Installing and using React as an Astro renderer
09:07 - Creating and importing a React component with Astro
11:02 - Fetching data in Astro to pass dynamic props into React
14:51 - Using Astro Component Hydration API to load JavaScript bundles in the client
20:13 - Outro

🗒️ Read More
https://spacejelly.dev/posts/how-to-use-astro-to-build-react-apps-without-javascript/

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1

🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
GitHub: https://github.com/sponsors/colbyfayock
Other: hello@colbyfayock.com

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use

🧰 More Resources

Astro
https://astro.build/

Astro Renderers
https://github.com/snowpackjs/astro/blob/main/docs/renderers.md

🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/infraction/ultraviolet
License code: XUYCMV163SZ3THMB

#colbyfayock #astrojs #reactjs #webdevelopment