Web Development


Typescript with React quick start

Quickly stack using Typescript with React and build great apps!

4.81 (12 reviews)



1.5 hours


Apr 2021

Last Update
Regular Price

What you will learn

Integrate Typescript with React apps

React props and state using Typescript interfaces

Build a small app with Typescript

React Router and history

React conditional rendering

Handling parent and child components with Typescript


Typescript is becoming more and more popular! And the beloved React framework has embraced it! But often making them work together can be tricky. Here it will work from the first try.

React means act in response to something; respond in a particular way. This is the way you will make your UI behave.

In this short course you will learn how you can use them together, by building a small project:

  • Learn how to use Typescript interfaces as React properties and state

  • Learn how to configure React components as parent or child

  • Learn to pass data between components

  • Understand the React rendering process

  • Use Typescript classes and inheritance to make the React code more robust

  • Learn how to render React tables with async data.

  • Learn how to handle events and build your own event types with Typescript

  • Learn about React conditional rendering

Course structure:

  • Initial setup with Create React app

  • Extensive presentation on how to use components

  • Build app features like React forms, navbar, Router, history

Practice with the following tools:

  • NodeJs

  • NPM and NPM commands

  • Visual Studio Code

Course advantages:

  • Short and concise: your time is precious

  • Knowledgeable and programming active instructor

  • Big font, dark background

  • GitHub code diffs

At the end of the course you will be ready to use these two awesome technologies together!

Are you ready to use Typescript alongside React? Get your Typescript editor ready and start coding your next app with your favorite language and framework!

Enroll now!


Typescript with React quick start
Typescript with React quick start
Typescript with React quick start
Typescript with React quick start



Course overview

Tools we will need

First steps with React and Typescript

Section intro

Create react app and git

Initial project structure

Understanding state and props, child and parent

Class components

Child components

Handling events

Conditional rendering

Advanced project features

Section intro

Data from child component to parent component

Routing part 1: Navbar

Routing part 2: Router and history

Small css

State of the application

Rendering async table: setup

Rendering async table: adding rows


Course resume and closing words


Shakeel23 March 2021

I am in to the course at first section now. The instructor delivers his lectures in an easy to understand way. So its very easy learn the topics he teaches as well as code along with the instructor.


Expired4/7/2021100% OFF
Valid4/11/2021100% OFF


Udemy ID


Course created date


Course Indexed date
Course Submitted by