React Vite Tailwind

What this is

React + Vite + Tailwind is the Vibe 102 class stack.

React handles app parts and state. Vite creates and runs the project locally. Tailwind helps style the app without a large CSS file.

In simple words:

Why it matters

Vibe 102 is about app behavior.

This stack keeps the class focused on:

• components
• input
• state
• lists
• buttons
• responsive UI
• localStorage

It avoids routing, server logic, backend setup, and authentication.

What to do

Use this page before Create Starter Project.

You do not need to master the stack tonight. You only need to know what each tool is responsible for:

• React controls the screen and app memory.
• Vite creates and runs the local project.
• Tailwind styles the screen with class names.

Your checkpoint is simple:

I know why the starter project uses React, Vite, and Tailwind.
I will not add extra frameworks tonight.

Common mistakes

• Comparing every framework instead of building.
• Adding Next.js server features.
• Installing extra libraries before the app works.
• Treating Tailwind polish as more important than app behavior.