React Typescript Tutorials

React is opensource javascript application framework based on component based architecture. It is developed by Facebook.

React is UI framework targeted for Web and React Native for mobile devices. This was lead by Facebook with strong community support.

ReactJS uses javascript language for writing reusable components.

However, typescript used in react to write component for compile time type checking. Since typescript is a super set of javascript, and compiled to javascript during compile time. You can get lot advantages such as type safety for writing reusable components.

Features

  • MVVW framework
  • Open source
  • Reusable component approach
  • Strong community and updates every years
  • Suitable for all devices
  • All browsers support

Prerequisite

To learn React Typescript or any version, must have basic knowledge on following technologies

  • Basic JavaScript programming
  • Typescript
  • Visual Studio code
  • Npm and NodeJS server side

React typescript file extension

React uses javascript with .jsx extension React Typescript uses .tsx file extension for writing component.

.tsxcontains functions and code writting using typescript(.ts) syntax.

every line of typescript that contains in extension .ts works in .tsx files. Reverse way does not works.

Tools

Writing typescript component in React requires strongs tools to write code faster.

Visual code extensions

Linter tools