After i tried following the video, i just realized this is not for beginner. But it's good. Me: beginner react
@darioperez5945
3 жыл бұрын
Yeah, same here. I copied and tryed to understand the code in the process but it's quite difficult for a newbie.
@asifck439
3 жыл бұрын
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
@letsdoeverythinginoneweek9398
3 жыл бұрын
@@asifck439 actually there are lots of things going on which are connected with each other but he wrote the things first which comes in last
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?
@marshallmurray8050
3 жыл бұрын
When I was looking for React tutorials, everyone was throwing shade at To Do apps. You made a great tutorial and I learned a lot! Thanks.
@briandesign
3 жыл бұрын
Awesome, thank you!
@PurityNetwork
3 жыл бұрын
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.
@kauserjaffari9790
3 жыл бұрын
Thanks for saving my 50 minutes :)
@MM-lo9tk
3 жыл бұрын
Nah he just doesn't know what he's doing. It's easier to make a KZitem 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.
@auto-nomadic1326
3 жыл бұрын
@@MM-lo9tk Lol chill out bro, he is on a "coding journey", learning by teaching. Haters gonna hate.
@masamune1
3 жыл бұрын
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.
@andikasujanadi
3 жыл бұрын
im on you
@klhmia
3 жыл бұрын
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!
@emenikedaniel
2 жыл бұрын
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.
@S_Chandra503
3 жыл бұрын
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.
@abhinavchoudhary8715
2 жыл бұрын
I agree
@abhinavchoudhary8715
2 жыл бұрын
Brian Design - Thank you so much for this tutorial. It is really helpful.
@misterjoe2669
3 жыл бұрын
This was a great app. Local storage add on would be nice with this app.
@TahirHussain-ep9us
3 жыл бұрын
your are just typing the code, please try to explain what does those function do. so that it will be easy to understand.
@joethomas1995
4 жыл бұрын
This app shows the importance of having a centralized state , the prop drilling is serious here
@elliottarnold9542
4 жыл бұрын
Exactly, and it's not really helpful that functions are declared before he actually writes the functionality for the function.
@laturchasanket6901
3 жыл бұрын
@@elliottarnold9542 yeah, its creating a lot of confusion
@elliottarnold9542
3 жыл бұрын
@@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.
@laturchasanket6901
3 жыл бұрын
@@elliottarnold9542 Exactly! Nice catch.
@hacksbyjohn1188
2 жыл бұрын
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(""); };
@mydaily21
2 жыл бұрын
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?
@johnherrera5913
3 жыл бұрын
Master! This video answered all the questions I was having with React! Thank you!
@oskarolortegui9623
3 жыл бұрын
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
@muhammedaltay3705
2 жыл бұрын
did you find where 'isComplete' appeared? I am really confused.
@reactify4719
3 жыл бұрын
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?
@jsonhackademics
2 жыл бұрын
thanks for this video. I've been learning & coding in JavaScript since January and although it took me 2 days, I was able to build my first app.
@mydaily21
2 жыл бұрын
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?
@ironmanlifts
3 жыл бұрын
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.
@Power_to_Inspire
3 жыл бұрын
Yep!
@thalibarrifqi
4 жыл бұрын
I just started learning react, and i learn so much from you, are you going to make a crud project using react and firebase?
@briandesign
4 жыл бұрын
Ill make one in the future once I have more time
@nataliiachaikovska4
3 жыл бұрын
Thank you so much! You did a great job! I wish you health and success!!! With love from Ukraine :)
@nosairabor766
2 жыл бұрын
hope you're safe amidst the crisis? :)
@ВаняГурьянов-щ5ы
2 жыл бұрын
Thank you very much, my friend! I think this world is getting better thanks to you!! )
@elliottarnold9542
4 жыл бұрын
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.
@monkeystylle
3 жыл бұрын
i must agree , that is very confusing..
@MM-lo9tk
3 жыл бұрын
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 KZitem 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.
@muhammadhamzashabbir8364
3 жыл бұрын
Help Please !!! I am getting Error TypeError: Cannot read property 'map' of undefined
@avinashsinghaniya8033
3 жыл бұрын
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 🙄
@longphamvan5314
2 жыл бұрын
Thank you for the starter project that I worked on
@shinnthantminn9758
2 жыл бұрын
what is your icon Theme Extension pls show Tell Me
@DrewNorman
3 жыл бұрын
Dude you are the best man. I dig your videos
@ScottKoons1993
3 жыл бұрын
Excellent tutorial!! Thanks for all the hard work. Love your entire channel
@Esxae
4 жыл бұрын
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?
@briandesign
4 жыл бұрын
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
@mohammedraquib6195
2 жыл бұрын
Can you please share me the source code please? Iam stuck with an error props.submit is not a function.
@andrewkorsten2423
2 жыл бұрын
great beginner tut for the todo in react!
@BestNbaShorts
2 жыл бұрын
wrote code like u and got error Uncaught TypeError: Cannot read properties of undefined (reading 'text') in props.onSubmit. Please help!
@KeelanJon
3 жыл бұрын
Hi Brian, thanks for the great tutorial, your react website tutorials are some of the best on KZitem. 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
3 жыл бұрын
hmm I'll have to check that out. If you find a solution, feel free to let me know
@KeelanJon
3 жыл бұрын
@@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.
@briandesign
3 жыл бұрын
stackoverflow saving the day haha. I'll check that post out! Thanks for sharing Keelan
@jscrack8443
3 жыл бұрын
Superb Brian..... Keep it up :)
@numberoneBORON
2 жыл бұрын
beautiful! I loved the tutorial! I learned so much!
@fox1k711
2 жыл бұрын
Geat Job ! thx from Ukraine student
@raffascardamaglia7679
4 жыл бұрын
thanks dude im always learning more!!
@briandesign
4 жыл бұрын
Glad to hear it!
@ravenhooper9263
Жыл бұрын
works perfect, I definitely subscribed...thanks!!!!
@pjguitar15
3 жыл бұрын
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 :)
@jemlioubeid4927
7 ай бұрын
dude it keeps saying "TypeError: props.onSubmit is not a function" and I tried searching it up but couldn't understand how to resolve it I feel like losing my mind help please
@dannychun924
2 жыл бұрын
Great tutorial ! I learned a lot, thank you for taking the time to make this I found it very helpful!!
@hrithikanagire5134
2 жыл бұрын
Can someone explain the todo.isComplete I didn't get where did we declared its initial value??
@MrSantino3
2 жыл бұрын
Really helpful , nice UI
@DharmRakshak2
Жыл бұрын
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.
@luiscrespol8640
Жыл бұрын
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!
@SpyFromMarsZeus
3 жыл бұрын
You saved my life, thank you!
@brocode1240
2 жыл бұрын
thanks for make this video im do excited when I learn it with your video, I like your explaintation.
@gonzaloairasca1647
3 жыл бұрын
Sos un grande amigo, gracias por subir este contenido!!
@jonasrocha2836
2 жыл бұрын
AMAZING Rich!
@aneeshkarki378
2 жыл бұрын
If you are beginner and this is your first tutorial video then I would suggest you look for another one instead of this(Not saying this is a bad video) . The tutorial was okay till the middle but after that it felt like he had no idea what he was doing. Felt like we was just copying or reviewing the codes.
@tkot7857
2 жыл бұрын
6:40 install es7 27:20 installing react icons
@a.hannan_06
Жыл бұрын
was looking for this. so grateful of you.
@a.hannan_06
Жыл бұрын
is there any download for ti??
@kaanzenginer4699
Жыл бұрын
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?
@EmotionalGaurav
3 жыл бұрын
Thanks for the tutorial.....Can you help me with one more thing.....How to store the same code in local storage so that whenever the browser is refreshed the list remains. Thanks in advance.
@Ashton-mx2bg
2 жыл бұрын
most excellent my dude
@jake5335
2 жыл бұрын
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
@dazaiplays9165
Жыл бұрын
Why i caanot seeanything whenever i input my todos, it doesnt show and also the icons pls help
@jtoomay9102
2 жыл бұрын
Awesome Tutorial!
@iwnl
3 жыл бұрын
I am having an issue and I want to know if this is just a limitation of the way its programmed or if i messed up. When editing a todo and then submitting the edit. the content of the other edits disappear. Any fixes?
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
@ReyraNoLife
Жыл бұрын
i have problem about todos.map is not function, solution plz !
@nguyenxuantrong3034
2 жыл бұрын
Great tutorial ! I learned a lot, thanks for share this video
@mydaily21
2 жыл бұрын
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?
@astralspeckles
2 жыл бұрын
im having this weird issue where not matter if I run his code or mine I get get the local host to pull up but the page is blank and I have no errors also? im new to all this so have no clue whats going on.
@codewithray
Жыл бұрын
Check your console for errors .
@aki-yu7zn
2 жыл бұрын
"ok let me type something that makes more sense" "ayoo" lmao
@saisudhaboddu1660
3 жыл бұрын
i am getting error in todoform when i click on addtodo button
@franciscoolivares7068
Жыл бұрын
Super Thanks bro!
@LuciferMorningstar-bj5fh
3 жыл бұрын
Tks man, u help me so much!
@justinekenyansa
2 жыл бұрын
you did no include a github repo, but thanks for the video, its a greta one
@Shawnmindset
2 жыл бұрын
Thank you for this video but can you please try to explain what does those function do. so that it will be easy to understand.
@ejikemekingson6336
2 жыл бұрын
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.
@AmanKumar-tm2xp
2 жыл бұрын
what does the 3 dots mean like in console.log(...todos) ??
@cosminvalentinionita5743
3 жыл бұрын
Great vid helped a lot!
@omginfolaunch618
2 ай бұрын
Getting Error Index.html file is missing
@HologramJay
3 жыл бұрын
Question: How does submitUpdate get a value passed to it? When we call submitUpdate when don't pass a value as an argument.
@alicewilliams6497
2 жыл бұрын
explain more. what is use ref. what does it do.
@osamamalik3290
2 жыл бұрын
How do you gave addTodo the parameter value of todo and then used todo.text is it coming from the child component cause you haven't returned any value from there. correct me if I'm wrong
@mydaily21
2 жыл бұрын
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?
@roadofdragon
4 жыл бұрын
keep going bro, great tutorial
@briandesign
4 жыл бұрын
Thanks!
@amilkarcruz6117
3 жыл бұрын
Great video, thanks bro 👏👏👏👏
@briandesign
3 жыл бұрын
Thanks!
@SabbirHossain94
3 жыл бұрын
remove button isnt working for me
@fashionwala5472
4 жыл бұрын
Bro, it's awesome, thank you so much..but can i make it responsive by using media query in css file
@briandesign
4 жыл бұрын
Thanks! Yeah you'd just have to customize the CSS for it to be mobile responsive
@eduardoavellan6421
3 жыл бұрын
Awesome video, but if i would like to shared the value of the input with another component how do i do?, with redux {dispatcher, etc}?
@jassrajput890
3 жыл бұрын
its a nice tutorial bro but as a beginner I'm getting confused , reason is your are not writing comments. plz add comments so that it will we easy to understand . thank you.
@shanaichika4065
3 жыл бұрын
Do you have This React with Django Todo app. Django only Not Django REST
@rajbannasa7662
3 жыл бұрын
Thank you so much sir ❤️
@bakareabayomi4320
Жыл бұрын
Thanks a lot. ❤
@r.muthukumaran
2 жыл бұрын
You Rock!
@mohammedtalhi666
4 жыл бұрын
Thanks dude , keep going !
@briandesign
4 жыл бұрын
Thanks Mohammed!
@sumanthapamagar6878
2 жыл бұрын
When we update the to-do item, the text gets changed but the id for that item is set to NaN. Is there any way to tackle this?
@IbrahimIceCold
3 жыл бұрын
thank you, master!
@niloofar3463
3 жыл бұрын
Awsome, subbed. can you make a number guessing game in React js as well? with reset, clear and submit button, or how many attempts are left?
@deleteduser5336
3 жыл бұрын
how can i get emmet for jsx like for me i cant just type input and it does it i have to do manually
@detex2137
4 жыл бұрын
Is there any reason why you don't begin your classes with "class x extends React.Component"?
@briandesign
4 жыл бұрын
I'm using react hooks
@gisioraelvis
4 жыл бұрын
He is using functional components with hooks
@mworld
3 жыл бұрын
I've been looking into React (got some upcoming work using it). Just finished a Vue app, honestly React seems old and missing basic quality of life concepts. The concepts that stand out are the state management and passing state around.
@earthycoin
3 жыл бұрын
How do u not have more views. KZitem is broke
@pavelsarygin4937
3 жыл бұрын
"let me type here that makes more sense" types in "ayoo"
@dhanush_gh
Жыл бұрын
thank you :)
@ojaswijoshi4414
3 жыл бұрын
Thank you!
@andrewsemakin5397
2 жыл бұрын
What a theme you use?
@surajthapliyal9374
3 жыл бұрын
we could've used autoFocus attribute ?
@abdessamadahmali3935
Жыл бұрын
thanks a lot !
@russellkirkpatrick9603
2 жыл бұрын
the preventDefault not working for anyone else?
@sayeemahmed5573
4 жыл бұрын
i didnt understandd why u used props as a parameter on function TodoForm..?
Пікірлер: 353