This course aims to teach learners how to get started with React by building a task tracker app. The learning outcomes include understanding components, props, state, hooks, working with APIs, and more. The course covers individual skills such as creating components, using hooks like useState, fetching data from a server, and implementing routing. The teaching method involves a hands-on approach with practical coding examples. This course is intended for beginners who want to learn React for web development.
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
-
React JS Course for Beginners - 2021 Tutorial
5.0 -
Build a "Name Picker" app - Intro to React, Hooks & Context API
-
Learn React
5.0 -
React JavaScript Framework for Beginners – Project-Based Course
-
Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks
-
React Crash Course with Hooks
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
