Logo
ScholarHat
0
Live Batches
Masterclasses
Menu
Free Courses
Account
Login / Sign Up
  1. Home
  2. courses
  3. React Course With Project
React Course with Project preview Course preview · 2 min

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
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 Course with Project · 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

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
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
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&As Not on your own

Our Students Review

View All

Scholarhat training is really professional, and Services provided by them on installation & technical issues are mind blowing. This training was really helpful for me in understanding the asp.net core. In one word, I have received "Outstanding support" from Scholarhat and its staff. trainers is very supportive. Scholarhat is very well organized and structured organization. In Scholarhat, you will find each bit of information scratch to In-depth. Training materials, Interview blogs, Assignment, Quiz and etc. are organized in proper way. Finally, I will recommend Scholarhat to anybody, looking for instructor led live session to keep oneself up to date with the latest trends & technology.

Hardeep Singh

Hardeep Singh

Team Lead

Social Link
(5.00)

I am so glad after join to ScholarHat, It was a really nice training. Helped me a lot to enhance my skills. Our professor is not only a good tutor but also a true guide for student bright future. ScholarHat to gain true knowledge with great guidance and helped me so much specially in cracking interview.

Sulabh Kaushik

Sulabh Kaushik

Software Developer

Social Link
(4.50)

Course offered by ScholarHat very helpful in keeping myself updated with the best practices in the IT industry. This course helped me to boost my career and the course covered majorly important topics and help in building up application very quickly with clear understanding. i salute to staff of ScholarHat always stand with support. This course content is very informative and the trainer's expertise helped me learn about the challenges involved in implementation.

Puneet Jain

Puneet Jain

Software Engineer

Social Link
(4.50)

Thanks to the Scholarhat for all the support provided MVC training process, Course was covered extensively and all interview question were answered. there was the intense focus on the implementation of the concepts, sharing real life experience along with covering the course material. especially like the fact that the arguments are explained in details so that participants who are interested in the understanding can get an important contribution to their knowledge enhancement. I have completed my course with learned a new technology.

DINESH PAGADALA

DINESH PAGADALA

SOFTWERE ENGINEER

Social Link
(5.00)

Before joining the Scholarhat,i was wander what to do, all i groom just because of Scholarhat staff, he gave me good suggestion on personal level and professional level as well, comes on teaching his great knowledge and experience give me good job as well as right way to write a code. Shailender sir gives some really simple examples to explain the complicated scenario with projects, you are excellent and motivating people to enjoy the class.

Aditya Sharma

Aditya Sharma

Sr. Software Developer

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