Typescript with modern React (i.e. hooks, context, suspense)

Typescript with modern React (i.e. hooks, context, suspense), available at $44.99, has an average rating of 4.15, with 26 lectures, based on 1858 reviews, and has 33769 subscribers.

You will learn about 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 This course is ideal for individuals who are Front end developers who want to level up their knowledge of React and Typescript or Developers who want to know a bit more about using hooks It is particularly useful for Front end developers who want to level up their knowledge of React and Typescript or Developers who want to know a bit more about using hooks.

Enroll now: Typescript with modern React (i.e. hooks, context, suspense)

Summary

Title: Typescript with modern React (i.e. hooks, context, suspense)

Price: $44.99

Average Rating: 4.15

Number of Lectures: 26

Number of Published Lectures: 25

Number of Curriculum Items: 26

Number of Published Curriculum Objects: 25

Original Price: ￡22.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

Front end developers who want to level up their knowledge of React and Typescript

Developers who want to know a bit more about using hooks

Target Audiences

Front end developers who want to level up their knowledge of React and Typescript

Developers who want to know a bit more about using hooks

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 Curriculum

Chapter 1: Introduction

Lecture 1: Introduction Video

Lecture 2: Course Overview

Lecture 3: Tools and plugins used (optional)

Chapter 2: Getting set up with Typescript in React

Lecture 1: What is typescript and why use it

Lecture 2: Adding typescript to create-react-app

Lecture 3: Adding typescript to react with babel and webpack

Lecture 4: Adding typescript to react with babel and webpack part 2

Lecture 5: Quick look into a type definition file (optional)

Chapter 3: Project 1: Simple todo list

Lecture 1: The useState hook and the type alias

Lecture 2: The difference between and type and interface

Lecture 3: Removing todos and finishing off our app

Chapter 4: Project 2: Favourite Rick and Morty episode picker

Lecture 1: A run-through of react context (optional)

Lecture 2: Introduction to the Redux principles

Lecture 3: The useReducer hook (optional)

Lecture 4: Creating our reducer

Lecture 5: Before the next video

Lecture 6: Creating an action

Lecture 7: Showing our store data

Lecture 8: Adding a favourites button

Lecture 9: Removing favourites

Lecture 10: Lazy loading our episodes

Lecture 11: Routing with Reach Router

Lecture 12: Creating a file for our actions

Lecture 13: Final bits of polish

Chapter 5: Final words

Lecture 1: Thanks and good luck

Instructors

Richard Oliver Bray
Web developer, content creator

Rating Distribution

1 stars: 19 votes

2 stars: 54 votes

3 stars: 260 votes

4 stars: 606 votes

5 stars: 919 votes

Frequently Asked Questions

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!