YOUTUBE VIDEO ANALYTICS AND REPORT

Incorrect YouTube Link
Video Not Found
React JS Crash Course 2021
Traversy Media
Traversy Media 1.76M Followers 904 Videos 161.68M Total Views 2021-01-18 PublishedData Updated on 2021-09-13
Video Views1.27M
Likes Ratio 99.2%
Comments1.9K
Views Ratio 72.4%
Very Good
Est. Video Value $ 25.47K - $ 29.55K
Engagement Rate 4%
TAGS
react learn react react javascript web development frontend framework javascript framework react js reactjs react.js react crash course react framework
Introduction
Get started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more.

Code:
https://github.com/bradtraversy/react-crash-2021

React & Other Course Links at - https://traversymedia.com

💖 Support The Channel!
http://www.patreon.com/traversymedia

Timestamps:
0:00 - Intro & Slides
12:37 - Create a React app
14:52 - Files & folders
18:54 - App component & JSX
22:39 - Expressions in JSX
23:49 - Creating a component
27:18 - Component Props
28:50 - PropTypes
30:42 - Styling
34:17 - Button Component
37:46 - Events
40:18 - Tasks Component
41:03 - Create a list with .map()
43:07 - State & useState Hook
44:55 - Global state
46:52 - Task Component
49:30 - Icons with react-icons
51:41 - Delete task & prop drilling
55:50 - Optional message if no tasks
56:58 - Toggle reminder & conditional styling
1:03:13 - Add Task Form
1:06:16 - Form input state (controlled components)
1:09:18 - Add task submit
1:14:36 - showAddTask state
1:15:58 - Button toggle
1:19:33 - Build for production
1:21:51 - JSON Server
1:25:53 - useEffect Hook & Fetch tasks from server
1:30:13 - Delete task from server
1:31:51 - Add task to server
1:35:15 - Toggle reminder on server
1:39:15 - Routing, footer & about
Unfold