Check out the latest version    • React Crash Course 2024  

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...

React Front To Back 2022 Course:
https://www.udemy.com/course/reactfr...

Support The Channel!
  / 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 reacticons
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