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.
Overview
Syllabus
- 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.
Taught by
Traversy Media
Related Courses
-
Learn React
5.0 -
Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks
-
React JS Course for Beginners - 2021 Tutorial
5.0 -
Build a "Name Picker" app - Intro to React, Hooks & Context API
-
React Native Course – Android and iOS App Development
-
React JavaScript Framework for Beginners – Project-Based Course
Related articles
Reviews
5.0 rating, based on 1 Class Central review
-
This course changed how I think about and process code. I have always wanted to try building my own web application and this has given me the confidence to do so! Stephen really goes into great detail to help you gain a deep understanding of challenging concepts while keeping things fresh. I highly recommend this course to anyone
