React JS Crash Course

Published: 18 January 2021
on channel: Traversy Media

3,471,509

62k

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/react-fr...

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

On this page of the site you can watch the video online React JS Crash Course with a duration of hours minute second in good quality, which was uploaded by the user Traversy Media 18 January 2021, share the link with friends and acquaintances, this video has already been watched 3,471,509 times on youtube and it was liked by 62 thousand viewers. Enjoy your viewing!

6,750