Play all

- 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

Description:

Dive into a comprehensive React JS crash course that guides you through building a task tracker app. Learn essential concepts including components, props, state, hooks, and API integration. Explore JSX, component creation, PropTypes, styling, and event handling. Master state management with useState and useEffect hooks, implement CRUD operations with a JSON server, and incorporate routing for a complete React application. Gain hands-on experience with practical features like task deletion, reminders, and form handling while following along with code examples and step-by-step instructions.

React JS Crash Course

Traversy Media

Add to list

#Programming #Programming Languages #Javascript #React #Web Development #Routing #JSX

0:00 / 0:00