Logo
ScholarHat
0
Festive Sale: 85% OFF. Upgrade Your AI & Tech Skills. Become Future-Ready.
Ends in
00d
00h
00m
00s
 Get Now
Live Batches
Masterclasses
Menu
Free Courses
Account
Login / Sign Up
  1. Home
  2. courses
  3. React Course With Project
Self-paced · learn on your own schedule

React Course: Learn By Building Project

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

Google 4.6/5 on Google ScholarHat 4.7/5 from learners 12 learners enrolled

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 Course with Project · Open a module to explore lessons, labs & tests.

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

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

OUR ALUMNI WORK AT

Trusted by learners whose careers now thrive at leading companies

50% off
Videos
Quick Notes
Q&A Guides
Labs
Skill Tests
Project
Plus
₹2,499 ₹4,998

24 Months access · one-time payment

5-day money-back guarantee
Most popular
50% off
Videos
Quick Notes
Q&A Guides
Labs
Skill Tests
Project
Pro
₹2,999 ₹5,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&A Guides Not on your own

Our Students Review

View All

I have imaging experience with ScholarHat. I joined ScholarHat to upgrade my latest skills for new demanding upcoming technologies. Good Experience in Mastering Asp.Net MVC with Angular. The course contents are real-time base and the trainer way of teaching are imaging. The LMS interfaces are very good and easy to understand Thanks, ScholarHat.

Achal Prajapati

Achal Prajapati

Senior Software Engineer

Social Link
(5.00)

I have taken the ScholarHat Mastering Asp.Net MVC with Angular development course. I recommended ScholarHat is the best online training platform to learn & develop coding skills. Course content covers each & prospect of web development, interview questions & answer explanation helps me lot to gain confidence to crack the interview. Their cloud base LMS panel is very convenient for learning after live session what else I can expect from a Training my experience was pleasant.

Chetan Sharma

Chetan Sharma

Senior Software Developer

Social Link
(4.00)

I am currently working in North California I took instructor-led online Training on Mastering Azure Development Solutions. It was a nice experience for me that honestly speaking help me grow in my career with 90% growth. After completion of my training, I cracked 3 interviews in the USA at the same time. Almost all questions of interview were discussed and how to answer was discussed in the Live session. I learnt real-time exposure as project development part was based upon how we work on clients projects. I would surely recommend Scholarhat for everyone interested in upgrading their knowledge. In this competitive world.

Amod Nikam

Amod Nikam

Tech lead Morrisville, North Carolina

Social Link
(5.00)

It was a great experience with the ScholarHat.The Course content was well defined and easy to understand. The most important part of the session Step by step project development help to get the things quick understandable. The certification has helped to boost my career goal. Thanks, ScholarHat!

Ankit Gupta

Ankit Gupta

Technical Lead

Social Link
(4.50)

I loved ScholarHat course! With my new upgrade technology Mastering Asp.Net Core with Angular skill-set, Learned practical knowledge of ASP.Net Core with Angular. The teaching method of Trainer is very easy to understand. This is definitely value addition to my career. Thanks, ScholarHat!

Ashish Nakil

Ashish Nakil

Software Engineer

Social Link
(4.50)

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
LEAD-ACE: EdTech Platform
  Live Sessions
600+ Quick notes
900+ Hands-on labs
50+ Real-world projects
45+ Interview books
We use cookies to make interactions with our websites and services easy and meaningful. Please read our Privacy Policy for more details.
Accept Cookies