First React App With Vite

Just testing it out, documenting any differences between using Vite and using create-react-app.

• it's main.jsx, not index.js like in create-react-app
• styling specific to what's in App.jsx is still in App.css
• index.css has general styling set, with a media query for prefers-color-scheme to match your system's color scheme

How to setup a React app with Vite

• npm create vite@latest
• Name the app. For a full stack app name it client
• Select react or react-ts
• Select JavaScript + SWC or TypeScript + SWC option
• cd your-project-name-here
• npm i
• npm run dev

Additional packages to install

• npm i sass