Danh mục
Development
Web Development Data Storage Git Automation Database Design Web Scraping
Business
Business Analysis Communication Project Management Sales Forecasting Business Strategy Operations Management Human Resources Oil and Gas Industry
Finance & Accounting
IT & Software
Office Productivity
SAP Word Excel PowerPoint Excel VBA SharePoint
Personal Development
Persuasion Notion Workspace Mind Mapping
Design
Design Sketching Typography Game Design Digital Art zBrush 3D Animation
Marketing
SEO Marketing Strategy YouTube Marketing Digital Marketing Facebook Marketing Growth Hacking Twitter Marketing Instagram Marketing
Lifestyle
Beer Brewing Beauty Home Repair Energy Healing Bartending Leather Crafting Makeup Artistry Hypnotherapy
Music
Piano Guitar Singing Music Production Acoustic Guitar Fingerstyle Guitar Music Theory Bass Guitar
Duocmmo Tedu Tin học văn phòng Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
React JS
React - The Complete Guide with React Hook Redux in 4hr

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

Loại khoá học: Web Development

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

image
50.000 VND
1.399.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

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

Bạn sẽ học được gì

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

Yêu cầu

  • 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

Nội dung khoá học

17 sections

Introduction

2 lectures
Introduction
00:28
How to create a blank new react app
02:46

[OPTIONAL] Quick review on es6

12 lectures
var let and const
03:01
The problem of using let in switch cases
01:43
Template literal
01:44
Arrow function
02: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

[REACT ESSENTIALS] JSX

7 lectures
What is JSX?
02: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

[REACT ESSENTIALS] Functional Component

2 lectures
Create a list of card
02:36
Create card component
02:14

[REACT ESSENTIALS] Props

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

[REACT ESSENTIALS] State

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

[REACT ESSENTIALS] List

4 lectures
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

[REACT ESSENTIALS] Style

5 lectures
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

[REACT ESSENTIALS] Lifecycle and useEffect

8 lectures
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

[REACT ESSENTIALS] React hooks - to improve the performance of the app

19 lectures
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

[REACT ESSENTIALS] React Router

10 lectures
React Router
04:39
Link and NavLink
01:42
Program to redirect
02:28
Higher Order Component
02:41
Fetch the posts by using axios
03:43
Passing Parameters
02:32
Fetch specific post and using Switch from React Router
02:04
Page Not Found
01:28
Protected Route
02:50
Apply Protected Route
03:28

[REACT ESSENTIALS] Redux

6 lectures
Redux simplified version
03:58
Reducer
01:48
Store
02:54
Actions
01:17
Display the value with useSelector and also useDispatch
03:08
Dispatch the login action
01:43

[PROJECTS] Autocomplete search from remote api

5 lectures
Start a new project, install axios and adminlte
03:41
Create the onchangehandler function
01:55
Make suggestions base on user input
02:25
Render the suggestion list
02:42
Select the suggestion
02:22

[PROJECTS] Evernote Clone

23 lectures
Introduction to the evernote clone project
00:38
Create Navbar
04:06
Custom Hook
02:53
Create Input Form
04:04
Create Home Component
03:08
Create Firebase Project
02:56
Setting Firebase inside the app
04:13
Create the add note action
02:27
Fetch the documents (notes) from the firebase
02:26
Create the noteslist
02:28
Refine the note component
05:02
Create delete note action
02:08
Create toggle favorite action
03:02
using moment js
01:02
create favorite page
03:28
Create note detail page
01:47
Refine the note detail page
04:16
Use react redux firebase helper functions
02:57
Create EditForm component
01:42
Create note action
01:23
Get the data (selected note)
01:10
Update the note in firebase
04:28
Deploy the app to firebase
03:18

[Projects] Stripe with firebase

8 lectures
Email authentication with firebase
13:07
Create a new project in Stripe
03:59
Install Stripe extension in Firebase
03:02
Adding products
03:17
Fetch the product data from the firestore
07:04
Render the list of plans
03:01
Create the checkout function
07:05
Check if this is current product
05:12

[Advance] Styled component

7 lectures
Install the styled components and create simple elements
04:39
Extract the elements to different files
02:34
Adapting based on props
01:04
Adapting based on props with multiple css properties
02:38
Extending the style
02:05
Using ThemeProvider to change theme
02:57
Create pagination wrapper
07:10

[Advance] Compound components

6 lectures
Benefits of using compound components
01:10
Create the card component
03:34
Create image component
01:36
Add the Body Title and Text Component
02:34
Add Button component
01:37
Fetch the data from API and show list of cards
03:46

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Laravel 10 - Build News Portal and Magazine Website (2024)

Laravel 10 - Build News Portal and Magazine Website (2024)

105 VND
50.000 VND
Shopify Theme Development: Create Shopify Themes [2023]

Shopify Theme Development: Create Shopify Themes [2023]

649.000 VND
50.000 VND
100 Days of Code: The Complete Python Pro Bootcamp

100 Days of Code: The Complete Python Pro Bootcamp

170 VND
50.000 VND
Master NestJS a Node.js Framework 2024

Master NestJS a Node.js Framework 2024

1.399.000 VND
50.000 VND
Spring Framework 5: Beginner to Guru

Spring Framework 5: Beginner to Guru

1.999.000 VND
50.000 VND
Ultimate Unity Overview (70+ Tools and Features Explained!)

Ultimate Unity Overview (70+ Tools and Features Explained!)

95 VND
50.000 VND
The Git & Github Bootcamp

The Git & Github Bootcamp

120 VND
50.000 VND
Clean Code

Clean Code

170 VND
50.000 VND
The Complete Oracle SQL Bootcamp (2024)

The Complete Oracle SQL Bootcamp (2024)

120 VND
50.000 VND
Khóa học Xử lý Dữ liệu cho Data Warehouse (Phần Cơ Bản)

Khóa học Xử lý Dữ liệu cho Data Warehouse (Phần Cơ Bản)

185 VND
50.000 VND
Framework Python với Selenium 3.x

Framework Python với Selenium 3.x

1.099.000 VND
50.000 VND
Html Css 21 Ngày: Tạo giao diện website chuyên nghiệp từ đầu

Html Css 21 Ngày: Tạo giao diện website chuyên nghiệp từ đầu

65 VND
50.000 VND
The Complete Java Development Bootcamp

The Complete Java Development Bootcamp

125 VND
50.000 VND
Trở thành Quality Control (QC) / Tester (kiểm thử phần mềm)

Trở thành Quality Control (QC) / Tester (kiểm thử phần mềm)

25 VND
50.000 VND
The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

185 VND
50.000 VND
Build a Backend REST API with Python & Django - Advanced

Build a Backend REST API with Python & Django - Advanced

120 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi