Courses

React Tutorial for Beginners

Master React 18 with TypeScript! ⚛️ Build amazing front-end apps with this beginner-friendly tutorial. 🚀 Want the ultimate React deep dive? - Check out my full React 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 Compon

Free1 lesson1h 20mBeginner

by Programming with Mosh

March 2023

Checked 6 days ago

What you'll learn

  • Course Intro
  • Setting Up the Development Environment
  • Creating a React Component
  • Building Components
  • Conditional Rendering
  • Passing Data Via Props
  • Passing Children
  • Exercise: Showing an Alert

Taken from the course's own lessons, in the author's words.

Free

This course is free and published on YouTube. The channel is its author; we organise it and check that the videos still play.

Start the course
Share

Explore related topics

This course includes

  • 1h 20m of video
  • 1 lessons
  • Level: Beginner
  • Spoken in English
  • Your place is remembered
  • Free in full, no card

Lessons

1 sections · 1 lesson · 1h 20m total length

Lessons 1 to 11 lesson · 1h 20m

What you need

  • No prior experience: this course starts from zero.

Description

Master React 18 with TypeScript! ⚛️ Build amazing front-end apps with this beginner-friendly tutorial. 🚀 Want the ultimate React deep dive? - Check out my full React 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 Compon

Who this course is for

  • Anyone starting React from nothing.

Those two are our reading of the course's level. The description is the author's own.

React Tutorial for Beginners, by Programming with Mosh