What is Vite? How does it work? Explaining all the files in a generated React + TypeScript App

React Roots is my new course that will teach you the basics of building modern single page web applications with React and TypeScript.
Visit www.reactroots.com to learn more.
Buy the course: superpeer.com/codinggarden/co...
💜 Follow on Twitch: / codinggarden
📩 Sign up for my mailing list: list.coding.garden/
💖 Donate: coding.garden/donate
😍 Pledge: coding.garden/pledge
💬 Discord: coding.garden/discord
🎉 Stickers: coding.garden/stickers
💻 Gear List: coding.garden/gear
🔎 Search for more Coding Garden videos here: coding.garden/videos
🗣 View the Coding Garden FAQ here: github.com/CodingGarden/faqs

[@Sam-dh7fr]

You are amazing. Precisely the level of detail I'm after. Subscribed.

[@raoufabdallah5697]

Literally, this is amazing, I've never commented on RUclips videos but this one I've learned so much that I really needed so thank you so much.

[@MyCodingDiarie]

Your videos are always so informative and well-presented. Thank you for sharing your knowledge with us!🚀😎

[@MarquesaBarbula]

This is so well explained! thanks! May the force be with you 🌱

[@nikkiyesalusky313]

I get to buy your class tomorrow. Yay!

[@ItsMiaMuffy3]

you are awesome 💚🌱

[@persegona77]

Aside from the massive ecosystem, what real advantages are there to using React compared to other newer frameworks/libraries? Are there specific use cases where going the React route is better than Vue, Svetle, Solid, etc., or is it mainly preference at this point?

[@DipamSen]

Technically, the only file tsconfig.node.json checks, is the vite.config.ts, because thats the only file which is listed in "include"

[@wtf_jokes9639]

Vite has sever side rendering out of the box, press the others option after you init the project then the first option out of the two in the second menu and then select the React app

[@CodingGarden]

The built in SSR in Vie is low level and meant for framework authors. Read more here:
vitejs.dev/guide/ssr.html
And see Vite SSR frameworks / libraries here: github.com/vitejs/awesome-vite#ssr

[@hakuna_matata_hakuna]

Rakkasjs can do Nextjs like things with vite but it's a little rough around the edges. They do have some cool things like useServerSideQuery which is like getserverside props but as a hook and it also has svelte like server and client hooks it also has locals which is wish next13 had to let you share objects between let's say the middleware, route handlers a d server components

[@w3mw]

Do You have a vue js 3 course as well? 😄

[@saeedkefayati]

Could you record video for using pwa in react typescript vite??😊

[@arewa_coder]

I talked about this in my class today.

[@hakuna_matata_hakuna]

Explore vite lib mode please

[@ronaldomaia]

Good video, just recommend to go a little bit slower