Udemy

Platform

English

Language

Web Development

Category

React - The Complete Guide with React Hook Redux 2021 in 4hr

Learn how to create high performance web app with react. Hooks, Redux, React Routing, useContext, Fireabase and more

4.17 (1003 reviews)

React - The Complete Guide with React Hook Redux 2021 in 4hr

Students

6.5 hours

Content

Apr 2021

Last Update
Regular Price

Topics


What you will learn

Build high performance and user friendly web app

Realize the power of using component in React

Unleash the power of JavaScript with the help of React


Description

In this course you will learn to get start with React 16.8+ including what is JSX, how to use props to pass data to the children components, using the React hook useState and also styled component. We will not use more than 40 hours to talking to the same things again and again. You will learn all the react essential things within 4 hours.

Since this course is the mix of knowledge base and the project base. If you just want to learn the React knowledge fast, 4 hours is enough!!

After that we will also provide project to consolidate your understanding with react, and how to interact with backend like Firebase and also the payment with Stripe.

Which companies are using React now and why you need to learn?

Facebook

Instagram

Twitter

Netflix

Yahoo! Mail

WhatsApp

Dropbox

Atlassian

Salesforce

New York Times.

Reddit

Cloudflare

Tesla

BBC

GitHub

PayPal

Uber

Zendesk and more...

The above list of big companies taking huge leaps to embrace React, which signifies the extent to which the technology has raised its bars.

What you will learn in this course?

Es6

React components

Jsx

Functional component

Props

State

List

Styled component

Redux

UI framework like Reactstrap, Materializecss

Firebase

Stripe

Styled component

Redux

UI framework like Reactstrap, Materializecss

Firebase

StripeStyled component

Redux

UI framework like Reactstrap, Materializecss

Firebase

Stripe

In this course you will learn to get start with React 16.8+ including what is JSX, how to use props to pass data to the children components, using the React hook useState and also styled component. We will not use more than 40 hours to talking to the same things again and again. You will learn all the react essential things within 4 hours.

Since this course is the mix of knowledge base and the project base. If you just want to learn the React knowledge fast, 4 hours is enough!!

After that we will also provide project to consolidate your understanding with react, and how to interact with backend like Firebase and also the payment with Stripe.

Which companies are using React now and why you need to learn?

Facebook

Instagram

Twitter

Netflix

Yahoo! Mail

WhatsApp

Dropbox

Atlassian

Salesforce

New York Times.

Reddit

Cloudflare

Tesla

BBC

GitHub

PayPal

Uber

Zendesk and more...

The above list of big companies taking huge leaps to embrace React, which signifies the extent to which the technology has raised its bars.

What you will learn in this course?

Es6

React components

Jsx

Functional component

Props

State

List

Styled component

Redux

UI framework like Reactstrap, Materializecss

Firebase

Stripe

Styled component

Redux

UI framework like Reactstrap, Materializecss

Firebase

StripeStyled component

Redux

UI framework like Reactstrap, Materializecss

Firebase

Stripe



Content

Quick review on es6

var let and const

The problem of using let in switch cases

Template literal

Arrow function

Classes

Spread operator

Destructuring

Primitive vs Reference

Primitive vs Reference

Import and export

Array function

For in \ For of

JSX

What is JSX?

Import CSS

inline CSS

Curly braces in react

Styles object

Fast track to convert CSS to JS object

store jsx element to variable

Functional Component

Create a list of card

Create card component

Props

Pass and receive props

Pass multiple props

The children of props

State

useState and Change of State

passing function to component

Two way binding

Conditional rendering

List

Rendering a list of cards

Delete a specific card

Fix unique key error

Change the name of a specific card

Style

Dynamic style with javascript

Dynamic style with classes

Styled component

Theme

Extract the styled button

Lifecycle and useEffect

Convert functional base to class base

Convert Card component to class base component

Life Cycle Methods Diagram

React lifecycle - mounting

React lifecycle - updating

React lifecycle - unmounting

useEffect

useEffect clean up

React hooks

useEffect fetch data with axios

useEffect fetch a card

React Context

Multiple React Context

useContext

useReducer


Reviews

A
Ajay31 December 2020

I'm already familiar with basics of react so i got a good understanding at the beginning, but soon with more lectures i was getting blank and missing lot of points the instructor was going too fast just writing the code and explaining superficially very confusing. at the begning few lectures really end up well but only for few. with the redux lectures literally no idea what the hell is going on. and the last project section is going totally out of the scope going completely blank since their is no explaination about the redux most of the things were not covered in react section. won't recommend at all to someone beginner.

B
Bamigboye20 December 2020

The Teacher is Engaging, the vidoes are short which connotes simplicity and the instructions are clear

A
Ari15 November 2020

i can improve my skill with this course,because i have a lot of question when i have don't understand

A
Anonymized11 November 2020

Learn how to create high performance web app with react. Hooks, Redux, React Routing, useContext, Fireabase .

M
Martín28 October 2020

It is a nice course. The teacher needs to improve his english pronunciation since sometimes it is hard to understand him.

A
Anas25 October 2020

It Would be Generous of You Letting The fish memory Students Download the lectures for Remembering what we missed. But thank you, I have learnt many things From You

A
Agustin2 October 2020

This course is amazing, everything is perfectly explained, i came here knowing nothing about react, and in a couple hours i've made my first react app, you should really do this course if you want to learn react, this is great!!!

B
Batham28 May 2020

It is so much helpful for beginner as well as intermediate. It has simple explanation which is easy to understand for beginners. Great work sir. Enjoyed this course and learned a lot from this.

J
Jothikumar.sk23 May 2020

instructor is too fast should pause and logical separation of component for each lesson would help to go back and observe what is done on the component and understand how the App renders the components and understand changes vice versa

o
orel119213 May 2020

The teacher is unclear. You cannot hear him and understand him. There are a lot of noises at the background during the lectures. I know this course was given by a coupon but still, I'm very disappointed.

R
Radu12 May 2020

Although the information in this course is good the recording is awful. At one video the recording is too loud, at the next video is too quiet, and the next one the audio is crackling.

S
Snehal11 May 2020

Really great content. Thanks !!!!!!!! I have completed this course but my certificate not generated.?

I
Ionut9 May 2020

dee cowse itsewf muay be intewestwing, baat dee weay my weeaws awe hewting makes it not so interesting. It'z not zo ztrict fowwawd to fowwow yow spewwing. If you learned React/Javascript and want others to learn from your course, you must also learn to properly spell the words in English. I will try to follow the course as much as I can, though :)

E
Erick8 May 2020

Concise and simplified to understand. Good course to learn and review concepts from JS to React Hooks.

P
PriyaNalang8 May 2020

Waste of my all time. The course is nowhere related to its title. Each lecture is started with so nonclear detail/projectSetup that will confuse each beginner.


Coupons

DateDiscountStatus
5/8/2020100% OFFExpired
9/5/2020100% OFFExpired
9/27/2020100% OFFExpired
10/23/2020100% OFFExpired
11/8/2020100% OFFExpired
11/23/2020100% OFFExpired
12/4/2020100% OFFExpired
1/7/2021100% OFFExpired
1/20/2021100% OFFExpired
2/11/2021100% OFFExpired
2/18/2021100% OFFExpired
3/3/2021100% OFFExpired
3/18/2021100% OFFExpired
4/6/2021100% OFFExpired
4/13/2021100% OFFExpired
4/28/202194% OFFExpired
5/4/2021100% OFFExpired
5/12/2021100% OFFExpired

2931388

Udemy ID

3/30/2020

Course created date

5/8/2020

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram