Setup

Initialize node

mkdir my-recipes
cd my-recipes
npm init -y --init-type=module

Add React

npm install react

Add React-DOM

npm install react-dom

Add vite

npm install -D vite 

Add react plugin to vite

npm install -D @vitejs/plugin-react

Add scripts to package.json

"scripts": {
  "dev": "vite",
  "build": "vite build",
  "preview": "vite preview"
}

Add vite.config.js

touch vite.config.js

Write vite.config.js

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
})