react-learning

This is my first project with React and helps me to learn the concepts and technologies behind it. The idea is to start simple and refine the project further and further.

The project is based on an empty vite React template.

Learning Path

1. React Basics
2. Redux
3. MaterialUI

Chapters/Folders

1. Static page
2. More components (still static)
3. First state
4. Props and Events
5. Forms
6. More forms and js-styling
7. Effects and API-calls
8. Small game as final exercise of first course
9. First steps with Redux and Redux Toolkit
10. Shopping cart example with Redux Toolkit
11. TODO: Dishes explorer
12. Timetable with RTK-Query and Material UI (MUI)

Installation

To install the required packages:

npm install

Environment variables

To run application 12, there are environment variables that need to be set in advance. For reference, the file .env.example can be copied and adjusted.

Run

To run the application:

npm run dev

Learning resources

The learning path was initially based on:

• The official tutorial
• Scrimba course from Bob Ziroll
• Redux Tutorial - Learn Redux from Scratch
• Redux Tutorial (with Redux Toolkit)
• Let’s Learn Modern Redux!