Build 20 ReactJs Projects – Fundamentals to Advanced – Online Course

In this course we are going to build 20 ReactJS projects which become more advanced with every successfully completed project.

Course Description

In this course we are going to build 20 ReactJS projects which become more advanced with every successfully completed project. You will learn how to build components from scratch, and how you can combine these components to create complex interactive User Interfaces for your audience. For the duration of this course, we are going to use the more popular function components as opposed to class components.

ReactJs is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, as well as certain client-side functionality.

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug.

Build encapsulated components that manage their own state, then compose them to make complex UIs. You can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native.

Goals

1. The building blocks of React
2. Function components
3. React hooks
4. How React renders and re-renders components
5. How React manages state in your components
6. How React shares state between components
7. How to style React applications using CSS
8. Looping over elements
9. How to build impressive UIs for your users
10. Build complex User Interfaces using React
11. Build interactive websites and web applications using React
12. Build apps based on common use cases of the web
13. Build a full stack application complete with back-end and front-end code using React and MongoDB
14. The Fetch API
15. The Clipboard API
16. Using external npm packages in your React application
17. Using API keys to fetch data
18. Using environment variables
19. Cloudinary to upload images
20. MongoDB to add back-end functionality
21. React Vite for the final project

Prerequisites

1. A computer with an internet connection
2. A good understanding of JavaScript will be an advantage
3. A basic understanding of styling HTML elements using CSS will be an advantage as well
4. Install NodeJs in your system. For the entire course, I am using version 21.6, just in case you are viewing this in the future when other versions have come out
5. Install a code editor. My preferred one is Visual Studio Code
6. Install Git in your system because it is the version control system that I am using in the course