React Exercises

This repository contains a series of exercises to practice React concepts such as props, state, fetching data, and managing a list of todos.

Getting Started

• Clone the Repository

git clone https://github.com/KEA-DAT-E23ABC/react-exercises.git

• Navigate to the project directory

cd react-exercises

• Install dependencies

npm install

• Start the development server

npm run dev

Exercises

1. Props Exercise

See /src/pages/PropsPage.jsx for the exercise instructions.

2. State Exercise

See /src/pages/StatePage.jsx for the exercise instructions.

3. Conditional render Exercise

See /src/pages/ConditionalRenderPage.jsx for the exercise instructions.

4. Forms Exercise

See /src/pages/FormsPage.jsx for the exercise instructions.

5. Lists Exercise

See /src/pages/ListsPage.jsx for the exercise instructions.

6. Fetch Exercise

See /src/pages/FetchPage.jsx for the exercise instructions.

7. Fetch 2 Exercise

See /src/pages/FetchIdPage.jsx for the exercise instructions.

8. Todos Exercise

Requirements

• Clone the backend repository for this exercise:

git clone https://github.com/KEA-DAT-E23ABC/todo-backend-reactintro.git

• Use VSCode to open the backend project and run the server.

Instructions

See /src/pages/TodosPage.jsx for the exercise instructions.