React - Course

Here are the topics I’ve learned. You can use this as a roadmap to go from building basic to advanced React apps using Vite, including some testing with Jest and React Testing Library.

We'll be using VSCode, and you'll also need NodeJS installed on your system.

Required Installations

• NodeJS

• VSCode

Prepare the enviorement

To create a React project, follow these steps:

1. Create a folder for the course.

2. Open the folder in VSCode.

3. Open the terminal and run:

   npm create vite@latest
   
   # Choose options:
   
   >NameOfYourProject
   > React
   > Javascript
   

4. Then run:

    cd NameOfYourProject
    npm install
    npm run dev
   

Your project should now be running locally. Open your browser and go to the displayed localhost URL.

Sections

1. Introduction to React

   • Uploaded

2. Remembering Javascript

   • Uploaded

3. Counter-App - Simple React Components

   • Uploaded

4. Testing on Counter-App - test, describe, expect, snapshots...

   • Uploaded

5. Gif-Expert-App - First Hooks, Custom Hooks and testing

   • Uploaded

6. Hooks-App - useState, useEffect, useContext, useReducer...

   • Uploaded

7. Testing-Hooks-App - Unit and Integration Testing

   • Uploaded

8. Manga-App - SPA with React Router DOM and Protected Routes

   • Uploaded

9. Testing-Manga-App - mocks, jest.fn(), ...

   • Uploaded

10. Journal-App - A bit of MaterialUI and layouts...

    • Uploaded

11. Redux - Concepts of Redux, React Redux and RTK + Query

    • Uploaded

12. Journal-App - Redux Pattern + Firebase Authenticator + Google OAuth

    • Uploaded

🔗 Connect with me

---