Summary

Keywords

react learn react react javascript web development frontend framework javascript framework react js reactjs react.js react crash course react framework

Full Transcript

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