Skip to content

MustafaJohnny/TodoList

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TodoList - React Practical Project

Overview

TodoList is a very simple and straight forward React project. The user can simply add any tasks that he/she wants inside of the main input, and then the user can submit, the user also can delete any task that he/she wants. This project was a really fast one and I wrote all of it in just 2 days after one week of studying React and all the basic stuff about the framework, I wanted to foucs on managing State with different data and also Sharing code across multiple components.

Links

Built with

What I learned

  • Creating And Managing Multiple State Slices.
  • Working With Styled Components.
  • The Concept of "Composition" ("children props").
  • Passing And Sharing Data Via Prop Chains: Props Drilling.
  • Refactoring code: The DRY principle.
  • How Component Functions Are Executed.
  • Writing More Complex JSX Code.
  • Child-to-Parent Component Communication (Bottom-up).