Introduction to React.
This demo project is made to highlight and showcase a few features of React.
https://miinto-react-workshop.vercel.app/
Node 16
- can be installed with tj/n
Clone down the project
git clone [email protected]:christofferbergj/miinto_react-workshop.git
cd miinto_react-workshop
Install dependencies
npm install
To start a local dev environment with Vite
npm run dev
.
├── index.html
├── package-lock.json
├── package.json
├── src
│ ├── app.tsx
│ ├── components
│ ├── favicon.svg
│ ├── hooks
│ ├── main.tsx
│ ├── pages
│ ├── theme
│ ├── theme-context.tsx
│ ├── utils
│ └── vite-env.d.ts
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts
Important files and folders
main.tsx
is the entry point of the SPA. It will "bootstrap" React onto a DOM node.
app.tsx
is the core component – everything on screen flows through this.
components/
holds reusable components.
pages/
holds all views (only home view for now).