Udemy

30+ React Projects, Learn React JS by Building 30+ Web Apps

Enroll Now
  • 820 Students
  • Updated 4/2025
4.3
(71 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
13 Hour(s) 18 Minute(s)
Language
English
Taught by
Norbert B. Menyhart
Rating
4.3
(71 Ratings)
3 views

Course Overview

30+ React Projects, Learn React JS by Building 30+ Web Apps

Learn React.js and its most powerful and commonly used React Hooks like, useState, useEffect, useRef, useContext.

About This Course


This React Course is a project based Course that focuses on sharpening your skills as a Web Developer by creating modern Web Applications using the React JavaScript Framework and its large library of npm packages.

This course will also teach you the most powerful and commonly used React Hooks like, useState, useEffect, useRef, useContext and together with them you will be able to build  powerful reusable components for future projects.


This course will use only functional components and NOT class based components.


Who is this course for?

This course if for beginner and intermediate React developers who want to create a solid react projects portfolio with modern web applications ranging form simple to more complex ones, while also learning:

  • Structure

  • Use of React Hooks

  • Creation of reusable React components


What will you learn in this course?

By taking this course you will learn multiple use cases for the most powerful and commonly used React Hooks like, useState, useEffect, useRef, useContext.

You will also learn:

  • How to process data using local db's and server based db using mock servers.

  • How to use React Icons

  • How to use React styled components.

  • How to use React routing system

  • How to install and use third party npm packages

  • and more much much more... .


Why you should learn ReactJS?

React saves you time and money on development because it's component-based. You can break down an interface into reusable components that allow you to build dynamic user interfaces. This taps into the current thinking behind 'Design Systems'.


What is React ?

React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies


Here are even more reasons why you should learn React.

1. React is declarative

2. React makes app development easier

3. The React community is amazing

4. React is all about Reusable Components

5. React is used by huge organizations

6. React is SEO-friendly

7. React fully embraces JavaScript and TypeScript

8. React has a fast learning curve



At the end of the course, you will be able to build 30 Web Apps

Here are all of the projects we are going to build in this course:


  1. E-signature-app

  2. Randomize-colors

  3. Like my photo

  4. Testimonials

  5. Alerts in web apps

  6. Temperature-controller

  7. Dark-mode

  8. Unlock slider

  9. Slider App

  10. Hidden-search-bar

  11. Magic Popup...


My name is Norbert

Course Content

  • 10 section(s)
  • 197 lecture(s)
  • Section 1 Introduction
  • Section 2 Optional Env Setup & React Crash Course inkl Project
  • Section 3 P01 E-signature-App
  • Section 4 P02-Randomize-colors
  • Section 5 P03-Like my photo
  • Section 6 P04- Testimonials
  • Section 7 P05- Alerts
  • Section 8 P06-Temperature-controller
  • Section 9 P07-Dark-mode
  • Section 10 P08-Slide-to-unlock

What You’ll Learn

  • Learn how to work with the React JavaScript Framework and create awesome web applications
  • Learn all the React Hooks like (useState, useEffect, useContext, useMemo, useRef) and use them in simple to more complex projects
  • Create powerful React Components witch you can use in later projects
  • Learn how to install and use React Icons and use them in a multitude of projects
  • Learn how to install and use React Styled Components and use them in a multitude of projects
  • Learn to create simple-to-grasp workflows using using React powerful libraries
  • Learn JSX syntax for extended HTML


Reviews

  • S
    Stevenson St Laurent
    5.0

    Very good

  • I
    Ibrahima S Barry
    4.5

    very good.

  • P
    Pratik Sharma
    3.0

    the video was stuck again and again and voiceover is also low

  • A
    Aicha Dahlgren ElMansouri
    4.0

    The course is good, good different and various exercises which helps me to develop as a student. The only thing is that the course leader jumps to fast between pages and codes, and that does that I have to pause the video and go back between the exercises/coding. Not a big problem, but I am very satisfied with the course so far.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed