React 18 & TypeScript for Beginners 🚀 Build Stunning Front-End Apps
Learn React 18 with TypeScript from scratch! This beginner-friendly tutorial guides you step-by-step to create impressive front-end applications. ❤️ Join our channel for exclusive perks!

Programming with Mosh
5.2M views • Mar 12, 2023

About this video
Master React 18 with TypeScript! ⚛️ Build amazing front-end apps with this beginner-friendly tutorial.
❤️ Join this channel to get access to perks:
https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA/join
🚀 Want the ultimate React deep dive? Check out my full course: https://mosh.link/react-course
- Subscribe for more awesome content: https://goo.gl/6PYaGF
✋ Stay connected:
- Twitter: https://twitter.com/moshhamedani
- Facebook: https://www.facebook.com/programmingwithmosh/
- Instagram: https://www.instagram.com/codewithmosh.official/
- LinkedIn: https://www.linkedin.com/school/codewithmosh/
📖 TABLE OF CONTENT
00:00:00 Course Intro
00:01:55 Prerequisites
00:02:43 What is React?
00:04:57 Setting Up the Development Environment
00:06:24 Creating a React App
00:09:17 Project Structure
00:11:20 Creating a React Component
00:16:41 How React Works
00:19:00 React Ecosystem
00:21:04 Building Components
00:21:40 Creating a ListGroup Component
00:27:15 Fragments
00:29:42 Rendering Lists
00:33:11 Conditional Rendering
00:38:36 Handling Events
00:44:43 Managing State
00:50:44 Passing Data Via Props
00:54:42 Passing Functions Via Props
00:58:27 State Vs Props
01:00:00 Passing Children
01:05:04 Inspecting Components with React Dev Tools
01:07:14 Exercise: Building a Button Component
01:14:15 Exercise: Showing an Alert
#react #reactjs #javascript #coding
❤️ Join this channel to get access to perks:
https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA/join
🚀 Want the ultimate React deep dive? Check out my full course: https://mosh.link/react-course
- Subscribe for more awesome content: https://goo.gl/6PYaGF
✋ Stay connected:
- Twitter: https://twitter.com/moshhamedani
- Facebook: https://www.facebook.com/programmingwithmosh/
- Instagram: https://www.instagram.com/codewithmosh.official/
- LinkedIn: https://www.linkedin.com/school/codewithmosh/
📖 TABLE OF CONTENT
00:00:00 Course Intro
00:01:55 Prerequisites
00:02:43 What is React?
00:04:57 Setting Up the Development Environment
00:06:24 Creating a React App
00:09:17 Project Structure
00:11:20 Creating a React Component
00:16:41 How React Works
00:19:00 React Ecosystem
00:21:04 Building Components
00:21:40 Creating a ListGroup Component
00:27:15 Fragments
00:29:42 Rendering Lists
00:33:11 Conditional Rendering
00:38:36 Handling Events
00:44:43 Managing State
00:50:44 Passing Data Via Props
00:54:42 Passing Functions Via Props
00:58:27 State Vs Props
01:00:00 Passing Children
01:05:04 Inspecting Components with React Dev Tools
01:07:14 Exercise: Building a Button Component
01:14:15 Exercise: Showing an Alert
#react #reactjs #javascript #coding
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
5.2M
Likes
89.4K
Duration
01:20:04
Published
Mar 12, 2023
User Reviews
4.9
(1046) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.
No specific trending topics match this video yet.
Explore All Trends