Mô tả

In this course you will learn how to add typescript to a create-react-app project as well as adding it to a react project from scratch with webpack and babel. You will learn a bit about react hooks, (useState, useContext, useReducer and useEffect), in a react typescript project as well as using suspense to lazy load a component. We will also attempt to recreate redux, (or the redux principles) with useReducer and Context.

This course is at an intermediate/advance level and assumes you have used React and Redux before, however you don't need to know any typescript for this.

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

How to use Typescript with their modern React project

Understand how to set up typescript with create-react-app as well as babel and webpack

Feel comfortable using hooks for state and lifecycle

Yêu cầu

  • Have a basic understanding of Javascript and React
  • Be comfortable using the terminal or command prompt

Nội dung khoá học

5 sections

Introduction

3 lectures
Introduction Video
00:44
Course Overview
01:25
Tools and plugins used (optional)
06:52

Getting set up with Typescript in React

5 lectures
What is typescript and why use it
09:51
Adding typescript to create-react-app
07:08
Adding typescript to react with babel and webpack
11:29
Adding typescript to react with babel and webpack part 2
12:12
Quick look into a type definition file (optional)
00:59

Project 1: Simple todo list

3 lectures
The useState hook and the type alias
11:57
The difference between and type and interface
13:01
Removing todos and finishing off our app
07:45

Project 2: Favourite Rick and Morty episode picker

13 lectures
A run-through of react context (optional)
07:37
Introduction to the Redux principles
14:04
The useReducer hook (optional)
13:41
Creating our reducer
04:42
Before the next video
00:24
Creating an action
06:56
Showing our store data
11:20
Adding a favourites button
08:44
Removing favourites
09:59
Lazy loading our episodes
09:53
Routing with Reach Router
14:39
Creating a file for our actions
13:02
Final bits of polish
03:24

Final words

1 lectures
Thanks and good luck
01:38

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