React 101 Crash Course: Learn React JS (6 HOURS!) + Build Your First React App | Zero To Mastery
React 101 Crash Course (v18). Learn React from scratch, build your first React App, and start your path to becoming a React Developer!
Once you start using React to build projects, you'll see why it's not only one of the most commonly used and in-demand frameworks by companies but also the most loved framework by developers!
The best part? By learning React and becoming a React developer, you will open up an endless sea of job opportunities for yourself 😎
Once you finish this crash course, come take the rest of Andrei and Yihua's React Bootcamp where you'll go even deeper and be able to get hired as a React Developer 👇
https://zerotomastery.io/courses/lear...
Use code: YTREACT10 to get 10% OFF (for life!).
👍 Subscribe for free tutorials and exclusive content: https://links.zerotomastery.io/youtube
==========
⏲ Timestamps:
00:00 React Crash Course Intro
01:16 React Concepts
03:28 The Birth of React
12:57 Declarative vs Imperative
19:20 Component Architecture
24:49 One-way Data Flow
31:05 UI Library
36:03 How to be a Great Developer
40:27 Section Overview
46:46 Course Guideline + Code - https://links.zerotomastery.io/react-...
47:11 Environment Setup for Mac
55:24 Environment Setup for Windows
1:05:23 NPM vs Yarn
1:05:50 Create React App NPX
1:16:56 Create React App React Scripts
1:28:44 Create React App React Scripts 2
1:40:35 Create React App Everything Else
1:46:44 Don't Eject
1:48:46 React 18 and Strict Mode
1:49:15 Monsters Rolodex Class Components
1:58:21 Monsters Rolodex Component State
2:06:05 Monsters Rolodex setState
2:15:38 Monsters Rolodex States
2:21:39 Monsters Rolodex setState and Secondary Callback
2:30:46 Monsters Rolodex Mapping Arrays to Elements
2:40:17 Optional map + key attribute
2:40:43 Monsters Rolodex Keys for mapping
2:45:58 Monsters Rolodex SPAS
2:53:22 Monsters Rolodex ComponentDidMount
3:03:42 Optional Promises
3:04:09 Monsters Rolodex Renders and Re Renders
3:09:57 Monsters Rolodex Input Search Box Component
3:21:21 Monsters Rolodex Searching and Filtering
3:29:18 Optional Filter, includes
3:29:47 Monsters Rolodex Storing Original Data
3:39:23 Monsters Rolodex Optimizations
3:46:58 Monsters Rolodex Understanding Components
3:54:59 Monsters Rolodex Cardlist Component
4:02:14 Monsters Rolodex Component Props
4:09:46 Rendering and Rerendering Part 2
4:16:57 Monsters Rolodex Searchbox component
4:25:50 Monsters Rolodex CSS in React
4:35:25 Monsters Rolodex Cardlist Component
4:42:31 Monsters Rolodex Finishing Touches
4:50:17 Functional vs Class Components
4:54:44 Class component Lifecycle Method Breakdown
5:00:10 Monsters Rolodex Functional Component Intro
5:06:05 Pure & Impure Functions
5:12:32 Monsters Rolodex Hooks useState
5:19:47 Monsters Rolodex Functional Component Rerendering
5:26:39 Monsters Rolodex Infinite Rerendering
5:34:17 Monsters Rolodex Hooks useEffect
5:45:37 Monsters Rolodex Remaining Components
5:51:32 Migratind from React 17 Reactdom V18 changes
5:57:15 React V18 Strict Mode Changes
6:02:02 Dom & Virtual DOM
6:12:17 React & Reactdom
6:23:29 React & Reactom Part 2
6:29:58 Reactdom V18 Changes
6:32:32 DOM Paint Flashing
6:38:46 Where to keep learning & how to get hired as a React Developer
==========
💥 Who is this course for?
◾ Students who are interested in going beyond typical "beginner" React tutorials
◾ Programmers who want to learn the most in-demand skill of a web developer
◾ Developers that want to be in the top 10% of React Developers
◾ Students who want to gain experience working on a large, scalable application
◾ Bootcamp or online tutorial graduates that want to go beyond the basics
==========
Graduates of Zero To Mastery are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, Shopify + other top tech companies. Many are also working as top-rated Freelancers getting paid $1,000s while working remotely around the world.
🎓 Here are just a few of them: https://zerotomastery.io/testimonials
This could be you 👆
==========
Start learning now 👉 https://zerotomastery.io/courses/lear...
#zerotomastery