React with TypeScript + SWC + Vite + SCSS

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

It's a challenge

• Its my first project using TS, React and SCSS together, so that's perfect challenge, I think

How to load it locally?

You may have vite project to load the project. Make sure you have the latest installed version of node, pnpm and git bash .

Step 1:

Open git bash terminal and create vite project :

pnpm create vite <your folder name>

or if you don't want to create a new folder for the project jus type this:

pnpm create vite .

Step 2:

Select "React" using arrow keys and click Enter

Step 3:

Select "Typescript + SWC" using arrow keys and click Enter again

Step 4:

After installing, type:

cd <your folder name>

and

pnpm install pnpm install sass pnpm run dev

Step 5:

Replace the files from the project to your folder and you can use the project locally and edit it as you wish

If you just want to see the result

I will stay here the CodeSandbox link