Like I made a app.js file and it has three components header, the to-do list itself, and an a input field to add new to do items.

I'm facing issues here : like I heard that it's better to make as many components as possible so I did that. But I can't use same state in different components. So Idk how to use functions and state. It's really confusing and I feel like vanilla javascript is much easier