Mô tả

This is a modern and comprehensive React JS course that focuses on only the latest version of React with hooks ( "no classes"). We will cover the following:  You will learn react from scratch ,  no prior knowledge of react required.

  • Fundamentals like JSX, component communication, events, fragments, Higher Order Components, and more.

  • Understand best way to organize files in a react project using common patterns for folder structure

  • Built-in hooks like useState, useEffect, useReducer, useContext, useDebugValue, useMemo, useRef, useLayoutEffect

  • Build our own custom hooks

  • Use create-react-app ,  a command line interface ( CLI ) to swiftly create react projects.

  • Build a Single Page Application ( SPA ) using react-router-dom

  • Global State Management with Redux and Redux thunk

  • Learn unit testing , snapshot testing, mocking  in React  with Jest and React testing Library .

  • Build a To-Do app using react

  • Build a complete drag-n-drop app using react

  • Build a reusable component library and a documentation site using react styleguidist

  • Build a documentation site using react storybook

  • All the code examples are provided in github for your reference. 

  • Many coding exercise to practice

  • Learn how to upload your react project on github

One of the best feature of this course is its simplicity. All the coding samples are very easy to understand. I prefer to use real-time use cases to explain concepts. 

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

React Hooks from scratch

Learn React Hooks way

React Hooks advanced level

Yêu cầu

  • JavaScript knowledge needed

Nội dung khoá học

10 sections

Introduction & Setup

6 lectures
Course Introduction
04:13
Getting Started
03:47
Installing React
04:42
Understanding Project Structure
14:29
Setting up SASS
02:50
Setting up linter
06:58

React Fundamentals

13 lectures
JSX
05:10
Styling Components
11:41
Reusable Components
04:53
Props
02:21
Fragments
04:09
Destructring Props
03:02
Conditional Rendering
03:59
Higher Order Components
07:22
useState Hook
05:31
Hooks Internals
08:31
Hooks Rules
01:55
Complex State
02:49
Managing Lists
05:04

Handling Events

8 lectures
Adding Events
14:04
Component Communication
07:38
Using Multiple Local States
05:32
Keyboard Events
07:05
Building your own Custom Hook
07:21
onChange Event
09:38
useRef Hook
14:13
Forwarding refs
09:24

Component Lifecycle

9 lectures
Lifecycle Methods
03:16
useEffect Hook
10:31
useEffect Example
08:34
Fetch Data with Async Await
06:16
useMemo Hook ( Memoization )
06:38
Custom Hook: usePrevious
06:33
useLayoutEffect Hook
09:35
useDebugValue Hook
04:17
Custom Hook: useCustomFetch
15:05

React Router

5 lectures
Setting up Routes
10:51
Route Links
05:39
Route Redirect
05:36
Route Prompt
08:21
useContext Hook
14:17

Redux

6 lectures
Redux Fundamentals
03:14
React + Redux
20:18
Combining Multiple Reducers
10:51
Redux Thunk
11:19
useReducer Hook
06:30
React + Mobx
06:36

Hooks Testing

2 lectures
Testing Philosophy
04:21
Unit Test with Jest
22:26

Projects

2 lectures
Tic Tac Toe Game
25:34
Draggable List
11:57

Building your own reusable component library

3 lectures
Requirement for a component library
09:57
Build a reusable button component
19:22
Building a style-guide with styleguidist
09:41

Type Checking

3 lectures
PropTypes
11:43
Flow Types
09:49
TypeScript
15:35

Đá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?

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.