React is a popular UI library for building web apps, usually single page apps. Vite is a powerful tool for building javascript apps that bundles all of your code and shows immediate changes while you're editing. We're big fans!
While you're in the editor working, Glitch is running your start script in the background (vite dev). The site will be in dev mode and you'll see your changes happen 🪄 immediately in the preview window. Once you close the editor window and your app goes to sleep, Glitch runs the build script and Vite builds your app for modern browsers.
Last updated: 20 Mar 2023
← README.md: That’s this file, where you can tell people what your cool website does and how you built it.
← index.html: This is the main page template React uses to build your site. When you're ready to share it or add a custom domain, change SEO/meta settings in here.
← src/: This folder contains all the files React will use to build your site.
← src/index.jsx: This is the root of your React app. If you add libraries like chakra-ui or redux, you'll insert their providers here. The <HelmetProvider> is an example of a provider you'd use.
← src/app.jsx: The base for your react app, here is where the magic really happens.
← src/pages/: Pages to import to the router should go here!
← src/styles: CSS files add styling rules to your content. You have a lot of importing options for CSS including CSS modules if that's your jam.
Glitch is a friendly community where millions of people come together to build web apps and websites.
- Want more details about React on Glitch? We've got a Help Center article for you.
- Need more help? Check out our Help Center for answers to any common questions.
- Ready to make it official? Become a paid Glitch member to boost your app with private sharing, more storage and memory, domains and more.