The React practice course, learn by building projects. (Udemy.com)

Including three full practice project, a landing page, a Firebase project and a fullstack with Mongo DB and Node.

( 50 Reviews )

Created by: Coding Revolution

Produced in 2018

What you will learn

Gain more knowledge to build better or more complex websites.

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 82 / 100

Course Description

Do you want to practice your React coding or just to learn it by creating webpages ?. This is the course for you.
Because sometimes the best way to learn its by practicing and because most of the courses teach you the just the basics and give you a todo app, I wanted to create something different. We will create Three real life projects, so we can practice our react coding in a more real environment.
If you don't know much of React, no worries. We will start simple with a static landing page , then we will go to a much more compete project with authentication and DB and last but not least we will create am e-commerce style project with user cart, PayPal, not only that we will create our own server to handle all the requests.
If you know nothing about React, don't worry, I added a bonus section with a tiny React course so you can understand the basics and how react works. So you can start from there and then go to the practice projects.

To sum everything up, this what we will be creating in this course:

Project one "The venue":

How to create a project with React CLI
Creation of components
Using third party libraries
Creating transitions on reveal and carrousel.
Using parts of Material UI to make our app better.
Deployment of a static webpages to SURGE.

Project two "M City":

Creating of routes to navigate our project
More complex animations and transitions
Rendering components using data from a server
We will use authentication and create an Admin endpoint
Firebase uploads and storage
Add a database on a server to work with
Deployment of the project to Firebase

Project three "Waves":

E-Commerce style application
Creation of dynamic routes
Using REDUX as store.
Authentication, user dashboard and admin dashboard
Create a server with Node JS and express
Add database to our Project with Mongo DB
Creating different routes to process the requests
Add cart items to user account
Complete checkout with Paypal
Deployment to Heroku

And as a bonus just like tiny React course, you will get additional React components to the projects.Who this course is for:

From beginners to intermediate.

Time: 43.5h

Instructor Details

Coding Revolution

4.1 Rating
50 Reviews

I started long time ago when the internet fever was starting to appear.I began with programming to create websites for my personal projects but but after a while people started to contact me to develop their websites, funny how everything worked out.
I worked with technologies such as PHP, Wordpress, Laravel, NodeJS, Phyton and many other languages, but today I like to work with JavaScript based tech like React, Angular or VueJS. Yes I am JavaScript Lover :)
Build a lots of applications for very small companies and pretty huge ones like Citi, Fox, Disney, Roche and many others.
But besides developing, I like to interact with people by teaching what I love.

The complete React Fullstack course (2018)
4.4 (198 Reviews)

- Provider: Udemy
- Time: 44.5h

$11.99

The complete React Native course ( 2nd edition )

The complete React Native course ( 2nd edition ) (2021)
3.9 (174 Reviews)

- Provider: Udemy
- Time: 57h

$11.99

The Definitive Node.Js Developer Course (2018)
4.6 (50 Reviews)

- Provider: Udemy
- Time: 23.5h

$11.99

Starting with React & Redux: Build modern apps (2nd edition)

Starting with React & Redux: Build modern apps (2nd edition) (2021)
4.6 (50 Reviews)

- Provider: Udemy
- Time: 30h

$11.99

The complete beginner JavaScript ES5, ES6 and JQuery Course

The complete beginner JavaScript ES5, ES6 and JQuery Course (2021)
4.6 (50 Reviews)

- Provider: Udemy
- Time: 22.5h

$11.99

JQuery Master, build awesome websites, 5 Projects included!

JQuery Master, build awesome websites, 5 Projects included! (2018)
4.6 (43 Reviews)

- Provider: Udemy
- Time: 8.5h

$11.99

All courses by Coding Revolution

More reactjs courses

React js. From the beginning. w/ Redux and React Router

React js. From the beginning. w/ Redux and React Router (2021)
4.9 (39 Reviews)

- Provider: Udemy
- Time: 15.5h

$11.99

React JS, Angular & Vue JS - Quickstart & Comparison

React JS, Angular & Vue JS - Quickstart & Comparison (2021)
4.8 (362 Reviews)

- Provider: Udemy
- Time: 8h

$11.99

Server Side Rendering with React and Redux

Server Side Rendering with React and Redux (2021)
4.8 (361 Reviews)

- Provider: Udemy
- Time: 8h

$11.99

Microservices with Node JS and React (2021)
4.8 (310 Reviews)

- Provider: Udemy
- Time: 54h

$11.99

Learn React by building and deploying production ready app

Learn React by building and deploying production ready app (2018)
4.8 (50 Reviews)

- Provider: Udemy
- Time: 2.5h

$11.99

Modern React with Redux [2020 Update] (2021)
4.7 (453 Reviews)

- Provider: Udemy
- Time: 52h

$11.99

All reactjs courses

Reviews

4.1

50 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Anthony Xavier

Might have to redo the bits where the typos come in, I did get lost a couple of times, backtracking helped

By David Wilbanks

If you get it for $11, it's fine. You will learn a lot of animation and icon techniques (there are better and easier techniques out there), and you will definitely get basic React and Redux practice. If you are here for the e-commerce app though, you will not have an app ready for production or portfolio -- unless your potential employer isn't paying attention. Lots of bugs, routes that are not RESTful, variables named poorly, overcomplicated code, and worst of all, **zero** replies to any questions you might have. Still, if you already know best practices and you want what's listed in the first sentence, for $11 it's worth a buy.

By Chi-Liang Jou

When I first saw those projects, I felt it is what I need. However, it is difficult to follow, he jumps back and forth between different files.

He knows what he needs to do, but I cannot. It is better to organize what needs to be done. For example, create state first then functions then pass it to components. He did the opposite way.

By Arun Krishnan G

Nice

By Hima Gotlur Muralidhar

No details provided.

By Nguyen Huu Hieu Trung

The course project is, of course, very good, but not responsive. The github link is totally useless, deprecated mostly.

The teacher answers very very slow to the question, even not answer most of the time.

By Shehan Disanayake

The way he teaches is awesome!

By Ashraf

could be more details abut each section, for a person who don't know anything about react can understand.

By Isaac Ounda

This course is a gem. I'm learning so much already; I'm not even halfway the course yet I've used acquired knowledge to build two components that I've taken many courses trying to build unsuccessfully.

By Mohsan Abbas

An excellent explanation with practical code. couldn't be better than this.

By Ernie

The instructor is moving pretty fast and not really explaining why he's doing things. It's a bit monkey see, monkey do.

By Shinyuy Marcel Fonyuy

It's a great course, I am happy I bought it. It handles the complicated parts of development that one wouldn't see in common tutorials, meanwhile, they are the things needed to do real projects.