React JS - React Tutorial for Beginners

Programming with Mosh β€’ July 16, 2018
Video Thumbnail
Programming with Mosh Logo

Programming with Mosh

@programmingwithmosh

About

Hi! I'm Mosh πŸ‘‹, a software engineer with over 20 years of experience. I'm all about clear, concise, practical coding tutorials – no fluff, just the good stuff! My courses focus on real-world projects and the skills that will get you hired. I've helped millions of students transform their careers. Want to level up your skills? Subscribe and hit the bell to get notified when I upload new videos! For sponsorships: [email protected]

Video Description

Watch the latest version: https://youtu.be/SqcY0GlETPk?si=cir-2iVquJ3Eaw8X React JS Tutorial - Get up & running with React JS: the most popular JavaScript library in the world! πŸš€ Want to master React? Get my React mastery course: https://mosh.link/react-course πŸ‘ Subscribe for more videos like this: https://goo.gl/6PYaGF Want to learn more from me? Check out my blog and courses: Courses: https://codewithmosh.com Blog: https://programmingwithmosh.com Facebook: https://www.facebook.com/programmingwithmosh/ Twitter: https://twitter.com/moshhamedani TABLE OF CONTENT 00:00 Introduction 01:14 What is React 05:48 Setting Up the Development Environment 09:27 Your First React App 16:03 Hello World 22:26 Components 24:06 Setting Up the Project 26:15 Your First React Component 31:38 Specifying Children 35:56 Embedding Expressions 40:49 Setting Attributes 46:36 Rendering Classes Dynamically 50:57 Rendering Lists 54:58 Conditional Rendering 1:01:04 Handling Events 1:03:56 Binding Event Handlers 1:08:34 Updating the State 1:10:51 What Happens When State Changes 1:12:58 Passing Event Arguments 1:17:31 Composing Components 1:21:18 Passing Data to Components 1:24:31 Passing Children 1:27:44 Debugging React Apps 1:31:55 Props vs State 1:34:22 Raising and Handling Events 1:39:16 Updating the State 1:43:57 Single Source of Truth 1:47:55 Removing the Local State 1:54:44 Multiple Components in Sync 2:00:39 Lifting the State Up 2:06:18 Stateless Functional Components 2:08:49 Destructuring Arguments 2:10:52 Lifecycle Hooks 2:12:32 Mounting Phase 2:18:09 Updating Phase 2:22:31 Unmounting Phase #react #webdevelopment #programming