React JS Crash Course

Name: React JS Crash Course
Uploaded: 2021-01-18T19:01:11Z
Channel: Traversy Media
Description: Check out the latest version - https://www.youtube.com/watch?v=LDB4uaJ87e0 Get started with React in this crash course. We will be building a task track...

Traversy Media · Beginner ·🖊️ Copywriting & Content Strategy ·5y ago

Check out the latest version - https://www.youtube.com/watch?v=LDB4uaJ87e0 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 Front To Back 2022 Course: https://www.udemy.com/course/react-front-to-back-2022/?referralCode=4A622C7E48DB66154114 💖 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 - E…

Watch on YouTube ↗ (saves to browser)

Chapters (32)

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

Playlist

Uploads from Traversy Media · Traversy Media · 0 of 60

← Previous Next →