React Todo List App Tutorial - Beginner React JS Project Using Hooks

I think everyone enjoyed this vid, but you don't have to do the tutorial all in one take. Take breaks when you need!

thanks for the tutorial. i can see your variable params are set to a redish pinkish color. Can you teach me how to set those changes? I tried tokencolorcustomization but it seems to highlight other variables too :'(

todo.isComplete is not working

I got totally confused and something that It would take 10 minutes, but it took 50 min. You need to redo this tutorial, fix the mistakes, and make it easier and faster!

thank you :)

Thanks a lot.

❤

My face when you say "it is pretty simple .... " 😐 after trying to fix jsx syntax error for 20 minutes....

(return has to be wrapped in <> //code// </> or <div> </div>)

Why i caanot seeanything whenever i input my todos, it doesnt show and also the icons pls help

@Brian Design
m not able to edit ..?

don't smash something to mic, bruh its really annoying

getting confused with code at someplaces

Where did the props.edit come from in TodoForm? I don't see that props passed in the ToDoList component

Super Thanks bro!

works perfect, I definitely subscribed...thanks!!!!

how did you italized the className, type, value etc.?

if (!todo.text || /^\s*$/.test(todo.text)) return;

we can also write the above line like this:

if (todo.text === "") return;

I guess this is not for a react beginner 😢.....

I wish you had explained that regular expression, or at least what it was trying to do. I couldn't get it to work so I just omitted it

thanks a lot !

what is the todo.isComplete? I tried googling isComplete but could not find anything

which extensions are in use during this tutorial? which one autofills the html tags and which extension organised the code in the input tag for you?

banger as always. Keep it up!

thanks

Thanks

this tutorial could't be an ideal . Fucking this developer

It does not toggle between complete and not complete. I pasted the code from your github exactly, ALL the files and still does not work.

Good tutorial . how visualize errors in browser ?

Good Project Thanks..🤓

AMAZING Rich!

he could not clear console history he try refresh 😂

Geat Job ! thx from Ukraine student

have problem with the icons react

@Brian Design using icons making the output not to render on browser
even after insta;;ing the packages also

Props.onSubmit({ }) this is not working for me it's showing-props.onsubmit is not a function.

This is absolutely not for beginners. I strongly suggest not to go with this one if you are a beginner. As a beginner I expect that you explain how pros and states are working. But I don't see that happening at all. Plus the way you call the props and then pass them is really confusing.

It's NOT good Tutorial for beginners........

What a theme you use?

Later part got messed up

The reason why console.log(...todos) not printing the latest added element is because setTodos is setting the value to todos. React doesn't immediately do that and it also takes a callback. So, javascript generally doesn't wait the setTodos to finish its work and console the items it have on todos. React plans out the re-rendering of the component when the state is updated. It doesn't do that immediately.

this is such a bad tutorial for beginners with zero explanation to even aid what you're coding😰

anyone can show me way how to use shorcuts to auto separate lines ?

beautiful! I loved the tutorial! I learned so much!

Thanks for your time man, really, but first you need to start writing the code from the beginning and not from the functions. It is almost impossible to understand what you are doing, and in addition you are not explaining the concepts of React and the written functions.

you did no include a github repo, but thanks for the video, its a greta one