Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-03-02 03:04:23
30-Day Money-Back Guarantee
Development Web Development React

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
Rating: 4.1 out of 54.1 (744 ratings)
100,399 students
Created by Kim Chen
Last updated 3/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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

Course content

14 sections • 113 lectures • 5h 51m total length

  • Preview00:28
  • How to create a blank new react app
    02:46

  • Preview03:01
  • Preview01:43
  • Preview01:44
  • Preview02:35
  • Classes
    02:09
  • Spread operator
    03:30
  • Destructuring
    02:30
  • Primitive vs Reference
    00:17
  • Primitive vs Reference
    03:30
  • Import and export
    05:35
  • Array function
    02:05
  • For in \ For of
    01:48

  • Preview02:17
  • Import CSS
    02:01
  • inline CSS
    01:49
  • Curly braces in react
    00:13
  • Styles object
    02:36
  • Fast track to convert CSS to JS object
    00:04
  • store jsx element to variable
    01:29

  • Create a list of card
    02:36
  • Create card component
    02:14

  • Pass and receive props
    02:19
  • Pass multiple props
    02:58
  • The children of props
    02:59

  • useState and Change of State
    02:57
  • passing function to component
    03:26
  • Two way binding
    01:45
  • Conditional rendering
    04:21

  • Rendering a list of cards
    04:01
  • Delete a specific card
    03:58
  • Fix unique key error
    01:49
  • Change the name of a specific card
    04:13

  • Dynamic style with javascript
    01:22
  • Dynamic style with classes
    02:28
  • Styled component
    04:56
  • Theme
    03:18
  • Extract the styled button
    02:00

  • Convert functional base to class base
    04:12
  • Convert Card component to class base component
    01:33
  • Life Cycle Methods Diagram
    00:00
  • React lifecycle - mounting
    05:37
  • React lifecycle - updating
    04:41
  • React lifecycle - unmounting
    01:28
  • useEffect
    02:36
  • useEffect clean up
    02:51

  • useEffect fetch data with axios
    03:24
  • useEffect fetch a card
    04:38
  • React Context
    04:56
  • Multiple React Context
    01:42
  • useContext
    02:17
  • useReducer (Simpiflied)
    04:51
  • useReducer (Normal)
    06:17
  • multiple useReducer
    03:36
  • useReducer with useContext
    05:52
  • use of useReducer with useContext
    02:09
  • use useReducer with useEffect to fetch the data
    06:24
  • Beautify the list with ReactStrap / Bootstrap
    02:17
  • useMemo
    03:48
  • useMemo
    02:57
  • useRef
    01:28
  • useRef - deal with the unmount component problems
    04:23
  • useCallback - to prevent the recreation of function
    05:05
  • custom Hook - extract the logic
    05:31
  • custom Hook.- using in form
    05:33

Requirements

  • A window or mac computer
  • Basic JavaScript knowledge but is not a must
  • HTML and CSS fundamentals are beneficial but not a must
  • NO JS framework experience is required

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

Who this course is for:

  • Anyone who want to start a career with React
  • Anyone who want to take the web development skills to the next level
  • Anyone who are interested in learning the most update technology

Instructor

Kim Chen
Registered teacher, MSc in Computer Science, Statistics
Kim Chen
  • 4.1 Instructor Rating
  • 2,071 Reviews
  • 198,896 Students
  • 10 Courses

He is a registered teacher who has experience in teaching javascript, physics, maths and statistics for over 10 years.

He got a master degree in data science and statistics, computer science in the  University of Hong Kong.

He got GPA 3.55/4.0 and got A in the following subjects

Foundations of Data Science

Statistics of Management

Regression in Practice

Stochastic Modelling

Simulations and Statistical Computing

He now enjoys teaching others and continues to learn every single day.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.