Learn TypeScript with Modern React - Hooks, Context, Suspense
Adding typescript to a modern react project with hooks (useState, useContext, useEffect) and code splitting
Course Outcomes
- 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
Description
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.
Course Structure
25 lectures • 3h 24m total duration
Course Requirements
- Be comfortable using the terminal or command prompt
- Understanding of JavaScript and React.js
Course Instructor
I'm Richard Oliver Bray a full-stack web developer and part-time game developer. I love trying out new technologies and teaching people how to use them through videos and articles.View profile
What you will get:
- 3 hours+ on-demand content
- 24x7 doubt solving + instant help
- Certificate of completion
Secure Payment


Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.
Free
- 100+ coding courses
- Certificate of completion
- Hands-on practice
- 24x7 doubt solving with AI
- 100+ projects to practice
- In-depth project feedback
- AWS cloud sandboxes
Pro
- 100+ coding courses
- Certificate of completion
- Hands-on practice
- 24x7 doubt solving with AI
- 100+ projects to practice
- In-depth project feedback
- AWS cloud sandboxes