Learn TypeScript with Modern React - Hooks, Context, Suspense

Learn TypeScript with Modern React - Hooks, Context, Suspense

Adding typescript to a modern react project with hooks (useState, useContext, useEffect) and code splitting

New Course
Course Instructor: Richard Oliver Bray

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

Course Structure

25 lectures3h 24m total duration

  Introduction Video 
0min
  Course Overview 
1min
  Tools and plugins used (optional) 
6min

About This Course

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.

Used by learners at

Microsoft
Amazon
Google

Course Requirements

  • Be comfortable using the terminal or command prompt
  • Understanding of JavaScript and React.js

Student Feedback

5.0
Course Rating

100%

0%

0%

0%

0%

Reviews

Profile picture for Rohith
Rohith
Sep 15, 2023
Great Going days..

Course Instructor

Richard Oliver Bray
Teaching people how to code with simple explanations.
Richard Oliver Bray
5.0 Instructor rating
2 Ratings
72 Students
1 Course

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

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
Upgrade To Pro