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

  • 2019-03-16 09:21 PM
  • 813

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

In this video 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.

Learn More

React - The Complete Guide (incl Hooks, React Router, Redux)
Modern React with Redux [2019 Update]
React Native - The Practical Guide
Simple User Authentication in React
Learn React 2019 - Full Course for Beginners - React 2019 Tutorial
Learn React.js - Frontend Web Development for Beginners - Web Development in 2019
React.js Hooks Crash Course
Build Progressive Web Apps with React
Overview of React Hooks