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.