Yes he wrote all methods and state from the beginning itself then only he handle the input field but still we can understand if we have lil konowledge about react
at 20.00 mnt, im stuck beacuse error. and after checked in console have notice : react-dom.development.js:86 Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root. any one have solutiion?
Luckily I wasn't completely new to React because in all honesty this wasn't a very well planned out tutorial for beginners. From a learning perspective, it was hard to follow as you declared functions several times before they were written. It probably does make complete sense to someone well versed in React because you can do them in whatever order (as you know how to tie them up ultimately) but as a novice, it's hard to follow and understand. However that criticism aside, I really enjoyed making this application and have subbed for more.
Nah he just doesn't know what he's doing. It's easier to make a RU-vid channel and pretend you know how to code than it is to just learn to code and get a job... I see it ALL the time.
agreed, he really didnt make it beginner friendly. For sure should not decalre things before he even writes them. was confused for so much of it. I think he needs to redo the video, and do one step at a time.
When you said, this line of code you dont need to understand in it at 17.40 in your video. Man, i laughed really hard cos javascript is jst complex. We just have to learn everyday.
I noticed a few comments in here that are critical but respectful and hit on a crucial point for your channels content in general - the things you create are amazing, elegant, and beautiful, but the way you explain them is not very effective. The order in which you do things is perhaps convenient based on the template you've created, but from a learning perspective it's hard to see what's going on let alone draw those necessary correlations. I'm familiar with React, so I can see what's going on, but that only makes it clearer how strange the approach to some of these things is. That being said, I only take the time to write this comment because I love the concept of your channel, your developments are beautiful, and you're a cool dude so I'd love to see you get more views and subs. I'd also love to be able to use your videos to learn more!
Brian thanks alot for put some effort and time to make a tutorial for people, I really appreciate, one that I need to mention is that since you have already mastered react, it's so easy for you to understand why you are doing something as simple as writing some thing to fix the button which refresh the page instead of send some information, but for me as a beginner, it's so hard to decode what you wrote there, as I need to understand how would that send information to database or something. So please keep your cool work up, and add some more details
at 20.00 mnt, im stuck beacuse error. and after checked in console have notice : react-dom.development.js:86 Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root. any one have solutiion?
@@laturchasanket6901 It happens on his videos. He just needs to commit to one thing at a time; he assumes we already have the end in mind as he does since he is the creator. When someone is coding along, the process needs to be linear.
Again good tutorial. One request is that while using any inbuild function, feature from react for example useEffect method then please explain its significance and why we should use it if time permits. This can clear React fundamentals as well.
Thanks man. I wanted to get a project done in react before moving on to learning back-end stuff. This got me there, will have some fun playing about with the CSS tomorrow!
at 20.00 mnt, im stuck beacuse error. and after checked in console have notice : react-dom.development.js:86 Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root. any one have solutiion?
Thank you so much for this brilliant tutorial, I had not a clue about react before today. I still have a long way to go but feel confident I can get there from this tutorial. Clear, concise, transparent and fun. Genuine thanks.
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.
thanks for this great tuturial. i needed a toturial like this to have a good training project and really enjoyed of coding this app . i'll follow the entire of your channel bro ;)
at 20.00 mnt, im stuck beacuse error. and after checked in console have notice : react-dom.development.js:86 Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root. any one have solutiion?
Setting Id incrementally, zero to infinite instead of having random number in a range: const [id, setId] = useState(0); const giveId=()=>{ setId(id + 1) return id; } const handleSubmit = (e)=> { e.preventDefault(); props.onSubmit({ id: giveId(), text:input }); setInput(""); };
at 20.00 mnt, im stuck beacuse error. and after checked in console have notice : react-dom.development.js:86 Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root. any one have solutiion?
Thank you so much for this tutorial. I helps a LOOOT of people with their developing careers including me as an intermediate learner. Keep on uploading :)
at 20.00 mnt, im stuck beacuse error. and after checked in console have notice : react-dom.development.js:86 Warning: You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root. any one have solutiion?
This feels like one of those lectures at university when the lecturer thinks they can just wing it as they go. Results in a mess where simple idea are not presented clearly
where does ever the property "is Complete" appear? I mean the object created only has "id" and "text" as keys but even "text" is changed for "value" I'm really confuse
I have a question... const submitUpdate = value => { updateTodo(edit.id, value); setEdit({ id: null, value: '' }); }; if (edit.id) { return ; } but you didint give any parameter for submitUpdate Function. how it take its value to update?
Thanks for the tutorial. For newbies out there like me looking to clone, the public folder and index.html is not included so you will get errors with npm. :) Just thought Id mention that.
So glad i came across your channel, this was a great tutorial! Would it be possible to create a part 2 to this? i'd love to learn how you'd store the to-do list data so that it doesn't clear out on refreshes, perhaps using firebase realtime database?
Hey, thanks for commenting! So you could implement localstorage to save the data, but firebase would prob be better since it's saved there. There's plenty of other todo app tutorials I've seen where they implement firebase/local storage that you could simply add to the code I made for this app if you wanted to do it now. I'll most likely update all my projects with firebase or backend in the future, but for now you could probably find a few resources to get started on youtube
Hi Brian, thanks for the great tutorial, your react website tutorials are some of the best on RU-vid. I've completed this successfully but there's a strange behavior I noticed on both yours and my own that I couldn't figure out. Considering we log the todos after every submission, why does the first not show when we click add for the first time? They always seem a task behind in the log? Strange stuff.
@@briandesign Lol just figured it out via of course StackOverflow. It's due to useState not being synchronous. Not sure if links are permitted in your comment section but I'll leave this here should you be interested, or be it useful to anyone else: stackoverflow.com/questions/28773839/react-form-onchange-setstate-one-step-behind.
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!
I dont think its helpful to declare functions inside of the before you have written it. You end up backtracking and it disrupts the flow of learning about the app. You have done this several times in the video by the time you reach 32:31. Just my opinion.
It's because he doesn't really know what he's doing. I've seen enough tutorials to know when someone is clueless and just copying code from someone else. He doesn't even know what a regex is... I get it.. it's easier to make a RU-vid channel and pretend to know to code than it is to learn how to code and get a job coding... but honestly it's unethical and you're doing the people who watch your videos a huge disservice.
I created but when I am going with edit button it's editing options is coming but when I edit and add again edit showing error :- props.onSubmit is not a function iside TodoForm ????? Please resolve as soon I'm stuck in last minute 🙄
constructive criticism time. I thought the app looked sick so I decided to code along to see the way you tackled this app since there are many ways to do things in React. Unfortunately the way you were describing your steps lacked. You seemed to not have a thorough explanation of why you did things and sorta just did them. If I was a pure beginner and I watched you, I would be confused on many of the things you were doing.
I think he just copied stuff from another tutorial and prettified it. If you asked him to make this app from scratch without references, he wouldn't be able to do it.
Hey, I think these tutorials only piece what you've learnt together and not exactly go in-depth. So I'd really recommend checking out Angela Yu or Colt Steele for a solid foundation and then following tutorials like this to build muscle memory and learn the industry standards or like it's commonly said "best coding practice". All the best.