When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

React Project for Beginners: Building a Todo List App

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     
  • 4.8
  •  |
  • Reviews ( 7 )
Free

This Course Includes

  • iconskillshare
  • icon4.8 (7 reviews )
  • icon34 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About React Project for Beginners: Building a Todo List App

Introduction

The Project

Planning our components and states

Our development environment

Setting up and file structure

Our first component - The Form

Adding state to our form

Adding state to our app and using props

List UI using reusable components

Mapping state to components

Adding the delete task feature

Conclusion

What You Will Learn?

  • This is the perfect course for beginners to React! Learn how to apply React concepts to a real-world project while building a todo list application.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:.
  • After 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!.
  • HTML, CSS, and JS is a prerequisite for this course. Knowledge about the basics of React is preferred but don’t worry, we’ll revise everything..