Typescript with modern React (i.e. hooks, context, suspense)
Adding typescript to a modern react project with hooks (useState, useContext, useEffect) and code splitting with lazy.
- Description
- Curriculum
- FAQ
- Reviews
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.
Getting set up with Typescript in React
Project 1: Simple todo list
Project 2: Favourite Rick and Morty episode picker
Final words
-
13
A run-through of react context (optional) -
14
Introduction to the Redux principles
-
15
The useReducer hook (optional)
-
16
Creating our reducer
-
17
Before the next video -
18
Creating an action
-
19
Showing our store data
-
20
Adding a favourites button
-
21
Removing favourites
-
22
Lazy loading our episodes
-
23
Routing with Reach Router
-
24
Creating a file for our actions
-
25
Final bits of polish
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Stars 5
657
Stars 4
452
Stars 3
194
Stars 2
41
Stars 1
11
30-Day Money-Back Guarantee
Course details
Video
3 hours
Lectures
2
Full lifetime access
Access on mobile and TV
Popular courses
