React Project For Beginners: Building A Todo List App

The perfect course for React beginners! Apply React concepts to a real-world project while building a todo list app!
What you'll learn
Create a React project from scratch
How React concepts are applied to a real-life project
Use functional components, useState, and props to create a todo list app
Design a React project and break it down into components, state, and props
Requirements
HTML, CSS, and JS are prerequisites for this course. Knowledge about the basics of React is preferred but don't worry, we'll revise everything.
Description
This course will guide you on how to start a React project from scratch. We will cover everything from planning and designing the project to coding it out using HTML, CSS, and React from scratch.While making our todo list, we will cover the following topics:How to use CodeSandbox for faster developmentHow to structure a React projectHow to create functional componentsHow to add state using useStateHow to use props and pass props across multiple levelsHow to reuse components and its benefitsHow to create nested componentsAfter taking this course, you will have a good understanding of how to create a React project from scratch and how different React concepts can be applied in real-life projects. By the end you'll also have a todo list application which you can show off to your friends!This course is perfect if you want to get started with React or have watched a few tutorials and want to understand how to apply the concepts you've learnt into an actual project. This course also includes a class project which you can complete once you are done with the course. This will help strengthen your concepts and you can share what you have made with the community!
Overview
Section 1: Getting Started
Lecture 1 Introduction
Lecture 2 The course project
Lecture 3 Planning our components and states
Lecture 4 Our development environment
Section 2: Coding Our App
Lecture 5 Setting up and file structure
Lecture 6 Our first component - The Form
Lecture 7 Adding state to our form
Lecture 8 Adding state to our app and using props
Lecture 9 List UI using reusable components
Lecture 10 Mapping state to components
Lecture 11 Adding the delete task feature
Section 3: Conclusion
Lecture 12 Conclusion
Beginner React developers who want to apply React concepts to a real-life project
Screenshots


React Project For Beginners: Building A Todo List App Fast Download
React Project For Beginners: Building A Todo List App Full Download