Live Batches
Masterclasses
Menu
Free Courses
Account
Login / Sign Up
React TSX Course preview Course preview · 2 min

Self-paced · learn on your own schedule

React TSX Course

Learn React with TypeScript to build modern, scalable, and dynamic web applications using reusable components and the React ecosystem.

102 videos 50 labs 23 notes 2 tests 32 Q&A Guides

Self-paced — all 12 Modules unlock instantly, no cohort to wait for.

Tools and Technologies Covered

TypeScriptTypeScript
ReactReact
TSXTSX
HTMLHTML
CSSCSS
GitHubGitHub
VS CodeVS Code
ViteVite
ReduxRedux
JWTJWT

Project you will build

eVideo Prime
OTT Streaming Platform

eVideo Prime

Build a Netflix-style OTT platform with streaming UI, authentication, APIs and content delivery.

React REST API Lazy Loading JWT
Explore Project in Curriculum

Where this takes your career

Companies hiring React & TypeScript developers

Microsoft Amazon IBM Accenture Cognizant Google
0-1 yr

Junior React Developer

Building reusable components, working with TSX and contributing to real-world React applications.

1-3 yr

React & TypeScript Developer

Building scalable interfaces with typed components, hooks, APIs, routing and state management.

3-5 yr

Senior React Developer

Designing scalable front-end architecture, mentoring developers and improving application performance.

5+ yr

Frontend Architect / Tech Lead

Driving front-end architecture, technical decisions, performance optimization and large-scale React applications.

Why React TSX matters?

Build modern, scalable web apps with React and TypeScript.

Type-Safe React Development

Build reliable React applications with TypeScript, strong typing, interfaces and modern TSX development practices.

TypeScript · TSX · Types
In demand

Modern TSX Components

Create reusable, maintainable components with typed props, events, state and modern React patterns.

Components · Props · State

Advanced React with TypeScript

Work with hooks, generics, custom types, context and advanced TypeScript patterns for scalable React applications.

Hooks · Generics · Context

Production-Ready Applications

Develop real-world React TSX applications with API integration, form handling, routing and scalable project architecture.

APIs · Routing · Architecture

Who this course is for

  • Students Starting a React & TypeScript career Final-year students and fresh graduates
  • JavaScript devs Transitioning to TypeScript & TSX JavaScript and React developers
  • Frontend devs Want scalable, type-safe UI skills Frontend developers
  • Career growth Preparing for React & TypeScript roles Working developers and career switchers

Curriculum — 12 Modules

React TSX Course · Open a module to explore lessons, labs & tests.

102 videos 50 labs 23 notes 2 tests 32 Q&As

Introduction to Typescript
Transpile and Configure TypeScript 00:08:40
Types
Data Types and Variables in TypeScript 00:02:14
Variable and Operators
var, let and const Keyword 00:13:56

Conditional Statements
If Statement 00:01:30
If..Else Statement 00:01:30
If-Else-If statement or ladder 00:03:00
Switch Statement 00:04:00
Loops
While loop 00:01:20
Do..While loop 00:01:30
For loop 00:02:00
For..In Statement 00:01:50
For..of Statement 00:01:30
Strings
Template Strings 00:02:28

Object-Oriented Programming Concepts
Object-Oriented Programming 00:04:00
Demo: Working With Classes 00:09:30
Object 00:02:30
Constructors 00:06:15
Constructor method 00:02:48
Access Modifiers
Access Modifiers 00:04:03
Readonly Modifiers 00:02:20
Members and Accessors
Instance Members 00:03:18
Static Members 00:05:50
Accessors 00:05:30
Inheritance
Inheritance 00:01:37
Demo : Inheritance 00:07:58
TypeScript Inheritance 00:08:00
Polymorphism
Introduction 00:01:30
Methods Overloading 00:05:00
Method Overriding 00:04:00
Abstract Class and Interface
Abstract Class 00:01:19
Demo : Abstract Class 00:08:23
Interface 00:02:30
Interface Usage and Inheritance 00:05:45
Interface Extending Class 00:02:40

Functions
Named Function 00:02:05
Function Parameters 00:11:29
Function Expression 00:02:23
Function Overloads 00:03:00
Arrow Function 00:04:33
Scoping and Destructing
Block Scoping 00:01:09
Hoisting 00:03:00
Destructuring 00:02:50
Generics
Generics 00:01:44
Demo : Generics 00:16:32
Modules
Import Export Modules 00:02:40
Demo : Import Export Modules 00:07:03
Re-Export Module 00:00:56
Demo : Re-Export Module 00:05:13
Namespaces
Implementing Namespaces 00:01:05
Demo : Implementing Namespaces 00:09:14

Getting Started With React - TSX
Intro To React 0:06:31
Introduction To Vite 0:10:09
Introduction To React & React DOM 0:06:32
Download detailed curriculum

OUR ALUMNI WORK AT

Trusted by learners whose careers now thrive at leading companies

50% off
Included: QnA
Included: Quick Notes
Included: Videos
Not included: Labs
Not included: Project
Not included: Skill Tests
Plus
₹2,499 ₹4,998

24 Months access · one-time payment

5-day money-back guarantee
Trusted by 2,00,000+ developers, tech leads and architects Taught by Microsoft MVPs and solution architects
Why learners choose ScholarHat

ScholarHat Self-Paced vs. scattered free tutorials

The videos are free everywhere. What you're actually paying for is the structure, the practice, and the proof that you finished.

12 Guided Modules Not scattered videos
50 Hands-on Labs Not watch-only
2 Skill Tests Certificate on completion
32 Interview Q&As Not on your own

Our Students Review

Frequently asked questions

Q1. What is Self Paced course offered by ScholarHat?
Online Self Paced Courses are designed for self-directed training, allowing participants to begin at their convenience with structured training and review exercises to reinforce learning. You'll learn through videos, PPTs, and Assignments designed to enhance learning outcomes, all at times that are most convenient for you.
Q2. Who are your mentors?
All our mentors are highly qualified and experience professionals. All have at least 8-10 yrs of development experience in various technologies and are trained by ScholarHat to deliver interactive training to the participants.
Q3. How would I get access to the Learning Content?
As soon as you enroll in the course, you will get access to the course content through LMS (The Learning Management System) in the form of a complete set of Videos, PPTs, PDFs, and Assignments. You can start learning right away.
Q4. How do I enroll for the course?
You can enroll in the course by doing payment. Payment can be made using any of the following options.
  1. Visa debit/credit card
  2. Net banking
  3. Through PayPal
Q5. Student discounts?
Yes, Dot Net Tricks provides student discount to learners who cannot afford the fee. Email us from your student account, or attach your student ID.
Q6. Can I share my course with someone else?
In short, no. Check our licensing that you agree to by using ScholarHat LMS. We track this stuff, any abuse of copyright is taken seriously. Thanks for your understanding on this one.
Q7. How do I setup my team?
Please drop us an email with a list of user details like name, email you’d like to enroll and have access, we'll create your team accounts.
Q8. Do you provide technology version upgrade session free?
Yes, we do. As the technology upgrades your content gets updated at no cost.
Q9. Whom do I contact, if I have more queries?
You can give us a CALL at +91 113 303 4100 OR email us at enquiry@dotnettricks.com
Q10. Do you offer certificates of completion?
We do. Once you've finished a course, reach out to us.
Still have some questions? Let's discuss.
CONTACT US