React Learning Exercises

A collection of progressive React exercises designed to help beginners learn React concepts step by step using TypeScript.

Prerequisite

1. Node.js installed
2. npm installed

Getting Started

1. Clone the repository
2. Install dependencies:

npm install

3. Start the development server:

npm run dev

Navigation

The project includes a navigation system that allows you to switch between exercises. Each exercise is isolated, making it easier to focus on specific concepts.

Project Structure

src/
├── Exercise1/
│   ├── Exercise1.tsx
├── Exercise2/
│   ├── Exercise2.tsx
├── Exercise3/
│   ├── Exercise3.tsx
├── Exercise4/
│   ├── Exercise4.tsx
└── main.tsx

Learning Path

Each exercise is designed to be completed in order, as they build upon concepts from previous exercises. Students should:

1. Read the comments in each exercise file to understand the learning objectives
2. Attempt to complete the exercise requirements
3. Test their implementation
4. Move on to the next exercise

Contributing

Feel free to suggest improvements or additional exercises by creating an issue or pull request!