Let’s Build 20 ReactJs Projects

Build 20 ReactJs Projects - Fundamentals to Advanced

Created by: Thomas Sankara
Front-end Web Developer

What Will I Learn?

• The building blocks of React
• Function components
• React hooks
• How React renders and re-renders components
• How React manages state in your components
• How React shares state between components
• How to style React applications using CSS
• Looping over elements
• How to build impressive UIs for your users
• Build complex User Interfaces using React
• Build interactive websites and web applications using React
• Build apps based on common use cases of the web
• Build a full stack application complete with back-end and front-end code using React and MongoDB
• The Fetch API
• The Clipboard API
• Using external npm packages in your React application
• Using API keys to fetch data
• Using environment variables
• Cloudinary to upload images
• MongoDB to add back-end functionality
• React Vite for the final project

Requirements

• A computer with an internet connection
• A good understanding of JavaScript will be an advantage
• A basic understanding of styling HTML elements using CSS will be an advantage as well
• 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
• Install a code editor. My preferred one is Visual Studio Code
• Install Git in your system because it is the version control system that I am using in the course

Target audience

• Everyone curious about ReactJs
• Anyone who wants to learn how to apply their programming knowedge but is having trouble with it
• Anyone who wants to add JavaScript interactivity to their application using ReactJs