TODO List App in React | Part -2 | Lifting the state up in React | Learn React.js | Node.js

In this video, I've explained how we can pass data from a child component to a parent component.

Used CSS in this video for the TODO List project:

__________________________________________
.tasklist {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.list-item {
display: flex;
justify-content: center;
align-items: center;
background: aliceblue;
box-shadow: inset 0px 0px 6px 0px;
margin: 5px;
width: 40%;
padding: 10px;
border-radius: 5px;
transition: all 0.5s;
}
.list-item:hover {
box-shadow: 0px 1px 5px 4px;
width: 42%;
}
.list-item .item {
margin: 0 10px;
}
.list-item button {
margin-left: auto;
transition: color 1s;
}
__________________________________________

Thanks for watching the video, please do share with your friends....

#React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

#nodejs #web-development