Building a Todo List with React Hooks useState

thanks!

look cool and nice ... no more class :)

Great video.


Since you already have 'i', couldn't you just use that as the id?


How would hooks be used with a backend?

wtf is this thumbnail lol. Anyway, really nice tutorial ben! Keep up the great work

These look awesome. useState, useEffect, and useContext alone look pretty nice, but custom hooks especially look awesome.

what extention do you use for jsx formatting?

perfect!

I don't get this isn't whole point of functional components is to take some props return jsx based on that therefore avoiding state and lifecycle hooks for simplicity?

thanks alot...

Hey what VSCode plugin are you using to show the size of the file in the first line up top?

since it is in beta, is react hooks ready for production.?

Just a nitpick: you should probably set your editor tabwidth to 2 instead of 4

which plugin are you using to make jsx code prettier?!

very good job

Thank u for this awesome video

keep up all the hooks videos, perhaps some more advanced application such as using the immer library for reducer draft immutability combined with useReducer

what keyboard do you use?

Thanks for the video. Looks like it's going back to more functional. Interesting. One thing that looks a bit ugly is creating a new instance of the custom hook for each field. Vs handleChange method. But the are probably better ways we are yet to discover. 👍🏾

What's the name of the theme for code highlighting?

Spreading onto component is cancer. Please, don't.

What extension do you use to highlight a block of code (that yellow snake-like line) ?

the loop is unnecessary?

todos[i].complete = !todos[i].complete;
setTodos([...todos]);

But I have no idea how this hooks work internally. I mean how do they keep state?

Thank you for adding code on github

can someone please tell me which font is it on the vs code?

I love your video your literally the 10 person I found for a to do list but even from this video it feels so heavy on the logic side of things is there any advice you can pass my way to help a beginner over here get through this frustrating stage as a beginner as being a react developer?

thank you so much bro (:

Why does it add each task at top?

bro you are exceptionally good with React. How can I develop this level of expertise in React

It`s pretty cool, thank you!))

const toggleComplete = (i) => {
todos[i].completed = !todos[i].completed
setTodos([...todos])
}

removes the if statements and having to map through the todos

export default... stopped watching, haha..

Do you have to have two separate components for this to work or theoretically could it all be in App.js?

Been really sruggling with forms in React. This video helped ALOT. Thanks as always Ben. You are super sexy, handsome, smart, and make me a better coder! xoxo

I feel ashamed because even this feels quite complicated and this is supposed to be very easy