React is one of the web’s most popular frameworks for building JavaScript applications. 

If you know what you’re doing, React can drastically simplify how you build, use, and maintain code.

Whether you’re a React newbie or you’re ready for advanced techniques, you can level-up with egghead. Explore our in-depth courses, lessons, and community resources to build more powerful applications and crack open your career.

react

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

typescript

React provides are a powerful paradigm for creating UI applications with JavaScript. TypeScript can greatly increase the maintainability of React applications by opening up syntax for self-documenting code.

In this course, we will cover how to set up a React application with TypeScript and use TypeScript for React applications


You get excellent developer experience when using TypeScript with React. This is better when compared to many other frameworks that work off of simple template strings because JSX is embedded within TypeScript.

In this lesson we give a demonstration of the some of the powerful refactorings and type checks enabled by using TypeScript with React.

`find references` is the simple command that finds all the references. 

Why use TypeScript with React

Learn how to setup a TypeScript + React project from scratch. Understand the reason behind every line involved in the configuration allowing you to customize it at will in the future.

Bootstrap a TypeScript + React project

You can create a stateless React component in TypeScript as easily as creating a function.

But if you want to create high quality idiomatic React + TypeScript components we cover some improved patterns in this lesson.

Create stateless React components using TypeScript

You can create stateful React Components in TypeScript by extending from the `React.Component` class. This parent class takes two generic parameters, `Props` and `State`.

This lessons shows these generic parameters and `React.Component` in action.

Create stateful React Components using TypeScript

In this lesson we look at how to create a React Component package using TypeScript.

Creating a React Package is very similar to creating any other TypeScript Node package and we demonstrate that here.

Publish a React component with TypeScript

In this lesson we test the functionality of a React components using Jest and Ezyme.

Test React components and dom using Enzyme

Cypress is an E2E testing tool designed specifically to be easy to use for frontend developers. In this lesson we test the functionality of a React application using Cypress.

Use TypeScript to develop React Applications

Basarat Ali Syed

Course Content