Search videos
Search across video titles, descriptions, and transcripts
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:
- Intro & Slides
- Create a React app
- Files & folders
- App component & JSX
- Expressions in JSX
- Creating a component
- Component Props
- PropTypes
- Styling
- Button Component
- Events
- Tasks Component
- Create a list with .map()
- State & useState Hook
- Global state
- Task Component
- Icons with react-icons
- Delete task & prop drilling
- Optional message if no tasks
- Toggle reminder & conditional styling
- Add Task Form
- Form input state (controlled components)
- Add task submit
- showAddTask state
- Button toggle
- Build for production
- JSON Server
- useEffect Hook & Fetch tasks from server
- Delete task from server
- Add task to server
- Toggle reminder on server
- Routing, footer & about
1:38:36
1:40
7:18
43:53