Complete React JS & TypeScript
Build modern React applications with JavaScript and TypeScript, from fundamentals to advanced patterns.
Programming
0.0
87lessons
10h 11m
Mar 2026
Overview
Build modern React applications with JavaScript and TypeScript, from fundamentals to advanced patterns.
What you'll learn
Course content
10 sections • 87 lectures • 10h 11m total length
Get started13 lectures • 59m
Get started13 lectures • 59m
Welcome
Locked1m
IntroductionFree Preview
2m
What Is React Js
Locked5m
Why Use React Js
Locked3m
React Js Vs Vanialla Js
Locked4m
How React Works
Locked3m
Understanding Spa
Locked4m
Key Features Of React Js
Locked4m
What You Need Before Learning React Js
Locked2m
Tools You Need To Start
Locked1m
Understanding Npm
Locked7m
Create First React App
Locked15m
Project Structuer
Locked8m
JSX & Components11 lectures • 58m
JSX & Components11 lectures • 58m
What Is Jsx
Locked5m
React Basic Rules
Locked5m
Jsx With Expressions
Locked2m
Conditional Redering
Locked6m
Rendering List In Jsx
Locked6m
What Are Components
Locked5m
Creating Fuctional Components
Locked8m
Component With Multiple Element
Locked4m
Component Composition
Locked6m
Props Passing Data To The Components
Locked6m
Destructuring Props
Locked5m
Styling in react6 lectures • 34m
Styling in react6 lectures • 34m
Introduction To Styling In React
Locked6m
Inline Styles
Locked4m
Css Modules
Locked7m
Styled Components
Locked8m
Tailwind Css (modern Industry Standard)
Locked6m
Conditional Styling
Locked3m
React State and Event handling8 lectures • 47m
React State and Event handling8 lectures • 47m
What Is State In React (concept)
Locked3m
The Usestate Hook Fundamentals
Locked5m
Initializing State (numbers, Strings, Objects, Arrays)
Locked3m
Reading State Values
Locked3m
Updating State Values
Locked2m
Counter App
Locked14m
Passing The Counter Value To Another Component (props)
Locked4m
Event Handling
Locked13m
Contact Manager App4 lectures • 42m
Contact Manager App4 lectures • 42m
Creating Project Components (contact Item )41
Locked15m
Contact Manager Project (project Setup
Locked5m
Creating Project Components (contact Form)
Locked16m
Creating Project Components (contact List
Locked6m
Advanced React Hooks (useReducer, Context & Custom Hooks)11 lectures • 1h 3m
Advanced React Hooks (useReducer, Context & Custom Hooks)11 lectures • 1h 3m
Section Overview
Locked5m
Basic React App Setup
Locked6m
Introduce Usereducer For Username
Locked11m
Add Password To Reducer
Locked4m
Add Login Status To Reducer
Locked3m
Add Logout Functionality
Locked4m
Refactor To Switch Statement
Locked4m
Assignment (add Error Handling)
Locked2m
Introduce Usecontext
Locked8m
Update App.js
Locked9m
Split Into Components
Locked7m
useEffect Hook5 lectures • 46m
useEffect Hook5 lectures • 46m
Introduction To Useeffect
Locked8m
Useeffect With Empty Dependency Array
Locked7m
Useeffect With Dependencies
Locked3m
Fetch Data With Useeffect
Locked19m
Introduce Axios Library
Locked9m
Redux and react router12 lectures • 2h 1m
Redux and react router12 lectures • 2h 1m
What Is Redux And Why We Need It
Locked4m
Redux Vs Redux Toolkit (rtk)
Locked2m
Project Setup And Store Creation
Locked5m
Create Store
Locked3m
Create Products And Cart Slices
Locked12m
Create First Component
Locked16m
Create Cart Component
Locked27m
Add Header Component
Locked5m
Add Quantity Controls And Clear Cart
Locked14m
Final Polish
Locked4m
Install React Routerand Update Structure
Locked11m
Create Page Components
Locked18m
TypeScript for React12 lectures • 1h 22m
TypeScript for React12 lectures • 1h 22m
Why Typescript
Locked13m
Basic Types
Locked8m
Arrays In Typescript
Locked6m
Objects And Interfaces
Locked7m
Type Aliases Vs Interfaces
Locked7m
Functions In Typescript
Locked3m
Generics
Locked8m
Enums
Locked5m
Basic React Component With Typescript
Locked11m
Component With Children
Locked2m
Usestate Hook With Types
Locked6m
Event Handlers With Typescript
Locked6m
blog project based typescript5 lectures • 59m
blog project based typescript5 lectures • 59m
Blog Project Setup And Installing Requierd Packages
Locked9m
Creatign Header Component
Locked4m
Creating Create Post Page
Locked22m
Creating Blog List
Locked9m
Detail Page And Project Conclution
Locked15m
Reviews
Our students says about this course
0.0
0 Reviews
Excellent
0%
Very Good
0%
Average
0%
Poor
0%
Terrible
0%
No reviews yet
EARLY BIRDSAVE 17%
Ends 3/21/2026$25.00$29.99
This course includes
87 lessons
10h 11m total
0 resources
Intermediate
Course details
Language: Somali
Format: Video
Difficulty: Intermediate
Total duration: 10h 11m
About the Instructor
