Make sure to checkout my full React course for more in depth explanations and projects with React. It is the best content I have ever created. courses.webdevsimplified.com/learn-react-today
@JUnderwoodViolin5 жыл бұрын
How often do you send out emails to your newsletter distribution?
@elabinnovations5 жыл бұрын
In India, it is 4000+ rupees 😭
@ProtikPC_pro_indigo5 жыл бұрын
Nice one, practical and hands on. Take a look at this too -- kzbin.info/www/bejne/Y2SqYX-QoceIn9U Simplified, very basic and from the ground up,
@joaoalegria75785 жыл бұрын
Thank you so much for this crash course Kyle, I know the basics and took an udemy older course and the ammount of info you put in 27minutes is unreal. I would only recommend adjusting the variables names, for a beginner it must be incredibly confusing hearing and writing everything as "todos/todo", other than that well done my friend, after I get my 1st react dev job I will probably buy your course! :)
@4spuhrbar8864 жыл бұрын
Thx for the Video!
@jardinek21213 жыл бұрын
QUICK TIP: Make sure your playback is at least 1.5 times speed, if you want to become fluent in Todo language.
@bvaroni3 жыл бұрын
lmao
@yechielbabani17263 жыл бұрын
Lol
@simonlicman51662 жыл бұрын
i thought at first i will attempt this, but after few seconds of figuring out how big every directory is, i thought i rather wont
@floridadude79812 жыл бұрын
I don't think were in Kansas anymore, todo... I mean todo.
@re8nifle Жыл бұрын
The word "todo" has lost all meaning for me!
@lemargreen60493 жыл бұрын
Thank you, for taking the time todo this
@derekcoxii27713 жыл бұрын
Underrated comment
@bennysmith45573 жыл бұрын
I heared todo like 2000 times
@trevoreedockery79223 жыл бұрын
haha
@vizulefllry3 жыл бұрын
It took me a little while to appreciate how good this comment is.
@ahmadasili73873 жыл бұрын
@@bennysmith4557 what you wanna do is To do the Todo do doing
@tigercore5 жыл бұрын
The word Todo has lost all meaning
@sneezydeezymcdeluxe70155 жыл бұрын
I'm currently doing the watchandcode JS course, which also has me building a todo list. After I don't know how many hours, the word todo is just so weird to me now.
@woutjuh135 жыл бұрын
Maybe they don’t know what else to do
@umeshkayastha14155 жыл бұрын
@@woutjuh13 lol
@jovialdeveloper39085 жыл бұрын
Todo, I don't think we're in Kansas anymore.
@nslookup20115 жыл бұрын
good to beginners like me, we can focus on learning React rather than designing app- i started with the full course, felt React is so complicated! just because the recipe book app is too many components to do
@X-13-X3 жыл бұрын
In case anybody has problems with uuid. importing it like in the video didn't work for me. In the git repository it said to import it this way: import { v4 as uuidv4 } from 'uuid' That worked.
@DaKingOfBall233 жыл бұрын
yup
@TheSoybean3r3 жыл бұрын
Thank you
@JoeDaveycrockettsoundlabs2 жыл бұрын
Much obliged
@ronjohnson39672 жыл бұрын
Thank YOU!!
@shanegracias85012 жыл бұрын
thanks
@hansschuijff2 жыл бұрын
Great lesson, but I had two problems with the code. 1. the import of uuid should now say (according to their readme) import { v4 as uuidv4 } from 'uuid'; 2. There is a problem with the react.strictMode in that the code in de video doesn't restore the todos from storage correctly. Although removing strictmode solves it, I also watched your react hooks video in which you explain how to correctly call the setState functions and why it otherwise doesn't do what you might expect when called more than once. So it seems in this case the setTodos in the useEffect that initializes the todo's should say: setTodos( prevTodos => [...prevTodos, ...storedTodos] ); instead of setTodos(storedTodos) After that change the function will restore the todos even in strictmode.
@AlanJaison12 жыл бұрын
You sir are a legend! was stuck on problem 2 for so long
@ourcore2 жыл бұрын
Thanks for the setTodos() fix, but mine has a bug where the todos are duplicated on their own, even with their IDs, when I update the code. Not sure if it's related to this
@ourcore2 жыл бұрын
@@zachboemer4008 Just disabling strict mode and using the original `if (storedTodos) setTodos(storedTodos)` fixed it for me
@suckerformimi2 жыл бұрын
Why is this workaround necessary? I don't see how React is usable if this simple save and reload code doesn't work in strict mode.
@timothy38822 жыл бұрын
thanks to you
@mr_matata4 жыл бұрын
so many *Todo* that i don't understand what todo and what not todo "cries in todo"
@yashwanthcb4 жыл бұрын
create a todo item of cry
@kendriip3 жыл бұрын
Are you sure crying is the right thing todo
@printchannel_name33713 жыл бұрын
glad im not the only one Todo that
@kendriip3 жыл бұрын
@@CurrencyTradingCards same i dont even want to learn it anymore
@Priyanka-cy3zw3 жыл бұрын
😂
@garagavia4 жыл бұрын
I really like the speed and precision of this tutorial. A lot of tutorials are slow and not very concise. However the variable naming and overuse of the word "todo" made it way less simple than it could have been.
@JacobAuthier2 жыл бұрын
todo todo todo
@CrazyPlumGaming2 жыл бұрын
Came here to say the same thing. Trying to differentiate between 4 different “todos” names and learning what each one does was very challenging.
@kodiak8092 жыл бұрын
@@CrazyPlumGaming that's what you get when you skipping Javascript lessons, its easy to see it if you know basic javascript
@CrazyPlumGaming2 жыл бұрын
@@kodiak809 do you feel better now? That’s what you get “when you skipping English lessons”. It’s easy to type a reply when you know basic English.
@kodiak8092 жыл бұрын
@@CrazyPlumGaming in what world is english lesson relevant to programming?
@MothBallsYT2 жыл бұрын
Wow, this is so convoluted for no reason. Perfect example for why meaningful variable names are important.
@InfectedEnnui2 жыл бұрын
what's convoluted?
@MothBallsYT2 жыл бұрын
@@InfectedEnnui todo todo todo todo, everything is named todo
@PeterBernardin3 жыл бұрын
Everyone here is complaining about how many todos he said I'm just here appreciating how clear he is when he explains!!
@Pearlescent8003 жыл бұрын
Agreed with the two above!!!
@s9414073 жыл бұрын
So true!!!
@mallikarjunhagargi78303 жыл бұрын
Yes 100% true
@kamogelokhumalo47923 жыл бұрын
lucky you. I failed dismally at this one. Maybe this is not for me
@hil4493 жыл бұрын
he explains well and the pacing of the video is really good but the naming is poor af
@robertn4996 Жыл бұрын
I did struggle a lot to learn React. I wasted a lot of time. The problem? I did not know the basics of Javascript in first place. You need to walk before you can run. So I took a few very basic books (books, not complex tutorials!) and learned the fundamentals. After I learned the basics of Javascript, learning React became much easier. Edit: For those asking about the books, for the very basics I learned with Javascript In Less than 50 Pages. And to develop my knowledge I learned with Head First Javacript Programming.
@WestyFilms Жыл бұрын
Head First is actually a great series to get your start in most programming / scripting languages.
@lukas.webdev Жыл бұрын
Congratulations! 😉
@CAPS_AMERICA4 жыл бұрын
One of my TODOs is to learn React. cheers
@coreyknight92725 ай бұрын
This dude is horrible teach...horrible tutorial. Folks there are WAAAY better tutorials from folks that make it way easier and don't intentionally try to make it hard.
@stricklybisnez32964 жыл бұрын
I was doing good until minute 18 everything went side ways and i realized i wasn't sure what i was doing thanks for the introduction to these concepts im sure in the future it will help me recognized patterns in react use
@ZakkPanzermensch4 жыл бұрын
1. TODO 2. TODO 3. TODO TODO TODO TODO TODOOO (pink panther theme)
@casual_chess4 жыл бұрын
Lmaoooo😂😂
@실험맨4 жыл бұрын
Just following
@RudraDirtTrails4 жыл бұрын
The fuck 😂😂😂
@1randumbguy4 жыл бұрын
this video is useless due to all of the 'todos'...he should make them unique so a person can understand what is what...
@dharmang4 жыл бұрын
🤣🤣🤣🤣👌🏻
@franjomaric79133 жыл бұрын
In case someone else is having issues with importing uuid as he did in example(for me it didn't work), here is how it worked for me import { v4 as uuidv4 } from 'uuid'; Great tutorial btw
@lenkashynkarova63883 жыл бұрын
thank youuuuu
@soumia13412 жыл бұрын
👍👍
@Wordisgood2 жыл бұрын
Thank youuuuuuuu..
@maplestoryinchinese2 ай бұрын
ty
@timstern15402 жыл бұрын
Small thing I ran into: When trying to load tasks from storage be sure you do not have React.StrictMode enabled. It will cause the useEffect block to run twice which will prevent tasks from reloading correctly.
@bladex90612 жыл бұрын
That was really helpful! Thanks! was stuck at this part for about 2 hours, checking through my code and wondering why!!
@erkinylmaz76612 жыл бұрын
@@bladex9061 same!
@theaceforum2 жыл бұрын
you saved me like 2 hours of troubleshooting
@suti19792 жыл бұрын
4 hours of troubleshooting...
@andresayala96402 жыл бұрын
I removed the React.StrictMode in index.js but it is still preventing the tasks from loading... not sure what could be wrong
@2ru2pacFan2 жыл бұрын
I'm in a Bootcamp and I've learnt from your one video than I did in a whole week! No doubt your the best teacher when it comes to the Web 🔥
@KETANRAMTEKE4 жыл бұрын
Amount of topics packed in this 30 minutes is impressive
@r_lonef2 жыл бұрын
these
@WantOxide2 жыл бұрын
Also the amount of useless stuff is great
@reactexpress2 жыл бұрын
+1
@eobardthawne69039 ай бұрын
@@WantOxide Is useLess also a react hook?
@AeroPR3 жыл бұрын
Amazing example. Finally React starts to make sense to me. For other beginners, you must have already taken full JS, HTML and CSS courses, know how a basic ToDo app is built without React, then put this video on 0.75x. Then things will start to make sense and you would be able to follow.
@nsharma49814 жыл бұрын
There was so much of well explained info jam packed in 27 minutes! Definitely need time to absorb it all coming from just vanilla js, but wow Kyle! This was a great intro, and I loved how you covered soo many things and explained each of them too. As always, thanks a ton!
@cptCrax4 жыл бұрын
This was exactly what I needed! Thank you! I think the best part was the careful order in which you introduced things -- one complication at a time with a simple description of how we handle it in React. This format worked really well for me.
@SameenIslam4 жыл бұрын
A decent tutorial ruined by poor variable naming choices. Calling every variable ‘todo’ doesn’t help simplify data flow related concepts to beginners. Hopefully you’ll take this into account in future vids.
@marknguyen6064 жыл бұрын
my head hurts.. i had to pause to see where it all connects.
@shangshi62864 жыл бұрын
@@marknguyen606 I think he is too fast, if he slows down and explains every data flow like we are idoits, that way is better and more clear.
@kirarevcrow4 жыл бұрын
You got a major point. I stopped watching the moment I started hearing the word todos every single second. Most channels of this type create a content but don't actually put themselves in an audience perspective.
@luisaceo004 жыл бұрын
Absolutely agree. Perhaps a better approach would have been to use suffixes e.g. todo_prop, todo_item or something among those lines.
@StorybookFantasia4 жыл бұрын
@@shangshi6286 ..you can reduce the play back speed !!
@hmleao2 жыл бұрын
Man... it's amazing the way you explain things. I've had my fair share of courses that are almost only "see me doing and copy". But you actually explain stuff even though your lessons are still quick. Congratulations, really beautiful stuff.
@kose2414 жыл бұрын
Great video, one thing to note if anyone made the same mistake, the useEffect function that saves the state to local storage must be placed below the useEffect function that retrieves the existing/previously stored state. Otherwise, you'll have the useEffect function that sets the current state set it to empty(since it hasn't retrieved the local todos) and you're saved todos won't show on refresh.
@jamegumb774 жыл бұрын
Thanks this saved me
@yaadmanrizza2 жыл бұрын
Thank you so much, thought it was a strict mode issue but this fixed it.
@shree4641 Жыл бұрын
I had already placed it below the getItem useEffect but still it saves empty [] to todos, for this i had added an if(todos != " ") condition before the setItem line and it solved the issue. You can try this.
@gregjacobs189 Жыл бұрын
@@shree4641 thanks that worked
@tenzindala457 Жыл бұрын
Oh God you saved me
@myname-mz3lo3 жыл бұрын
if (todo > todo || todo < todo) { return todo }
@yogajourney95194 жыл бұрын
Thank you for the helpful video. As others suggested, it might be a good idea to use more variety when naming the variables, components, etc. to help out beginners (like myself) who easily get confused. I still found this very helpful, so thanks!
@audriusbaranauskas64984 жыл бұрын
Great tutorial. No "just copy this code, because it would take too long to explain" parts. Solid delivery on what is promised. I've been scouting the interwebs for a few hours trying to grasp react and this is what made it click for me.
@GigaWarTrex4 жыл бұрын
I blindly started working on a React Project yesterday as it‘s the way I often learn programming languages. Even though I was on a good way I turned to KZbin for a bit more help as it was getting very tedious. This was so great, you explained so many concepts and mechanics in such short time! Thank you for making my WebDev World a bit brighter :D
@sohailfx3 жыл бұрын
The best tutorial to understand the react js, voice is very clear and confident. instead of learning i was trying to learn his style of speaking. Very clear and profound.
@birbcoding2 жыл бұрын
If you are watching this now in 2022, after npm i uuid you need to do import {v5} from "uuid"; and use v5() function in id:
@MarcelDerWeltenbummler2 жыл бұрын
Thank both of you I couldn't find a solution
@Almaburger7 ай бұрын
life saver. ty
@rchuhk1003 жыл бұрын
18:58 REPLACE:- import uuidv4 from 'uuid/v4' With below code:- import { v4 as uuidv4 } from 'uuid'; Then the program worked for me without errors as of (Aug26-2021)
@nathanielkhallil92223 жыл бұрын
This should be upvoted more, because I had a rough time finding this solution just last night.
@Matin1999_T3 жыл бұрын
i can't even speak in my mother language for 5 minutes without any pause or a little bit stutter while speaking fast. big applause to this guy for talking not only smoothly but also doing that for about 30 minutes. wow.
@learnMoreToCode Жыл бұрын
Thank you so much for creating this video. This saved me tons of time to learn react in a short period of time.
@uxlordsimplifyingdesignpro55444 жыл бұрын
This video was so helpful to me. I’m a ux /ui designer and was working to study typescript and react. This video got me understand the basics. Thanks for making this! 🙏
@sonjiaasana2 жыл бұрын
I had some issues installing the create-react-app which led to an EONENT error each time, so just in case this happens to any beginner out here, make sure to clean your npm cache first by running: npm cache clean --force Then for some reason create-react-app would only let me create the app if I indicated a name, so instead of npx create-react-app . I had to run : npm create-react-app my-app Hope this helps anyone in need :) Otherwise wonderful content as always
@CodeInspire3 жыл бұрын
Everything was great before I start reading the comment. Now. I just hear todo, with todo, does todos :) Thanks for the video :)
@peteraliciastuart58072 жыл бұрын
This was my first bash at React! Great tutorial & well explained. Now I have a million other questions but will get to know the framework better as I use more! Will defos subscribe!!! Merry Christmas from Scotland :)
@alekvassinskiy1286 Жыл бұрын
did you learn it good enough now?
@cj198205083 жыл бұрын
Best ever! 30 mins react tute in youtube! thank you very much! take my word for this is the best video !
@steff46023 жыл бұрын
This was everything I’ve been trying to understand the past few days in one video!! Thank you so much!
@bwandesky2 жыл бұрын
One of the best intro to react videos I've come across so far.
@ANILKHANDEI4 жыл бұрын
Thanks for creating such premium content for free. I have learnt a lot of important web dev concepts from your videos. This is short and simple intro to React. I like this one.
@Jef-ur7zv Жыл бұрын
for people watching it now. Import import { v4 as uuid } from "uuid"; and use ` return [...prevTodos, { id: uuid(), name: name, complete: false }];` if you have any issues
@sahil9146 Жыл бұрын
wish I saw this comment before fucking around tog et this right cheers!
@anishjoshi19994 жыл бұрын
Alert: while importing uuidv4 use this code instead: import { v4 as uuidv4 } from 'uuid'; it works well !!
@Enchansea4 жыл бұрын
Thank you so much! This helped!
@flopasen2 жыл бұрын
This comment should be right at the top
@piyushaggarwal52072 жыл бұрын
I am not a react beginner. Was just watching while eating and really learned a few new stuff. Thanks!
@lacherdaniel4 жыл бұрын
take a shot everytime he says todo
@The_Soup_Wizard4 жыл бұрын
No thank you, I would like to live.
@kosemekars4 жыл бұрын
Am now an alcoholic
@ashleywilkonson3864 жыл бұрын
That wasn't a good idea, I am writing this from heaven. JK! In hell.
@silentxcure4 жыл бұрын
@@ashleywilkonson386 you really weren't supposed "to do " that
@ff-tg2vy3 жыл бұрын
not everyone is alcoholic homeless piss of shit
@vladmir9333 жыл бұрын
the first 15 mins it was very clear to me ... but after that it started to be very complicated with the word TODO .. we all know u r a beast but it would be better if you choose other words than todo and be a bit slower so we the beginners could understand you way better anyway thnx for the vid and try to be a bit slower cuz i think 70% of ur followers are beginners :)
@kamel3d3 жыл бұрын
As a dev you should have used better names instead of calling everything todo
@infrakazos2 жыл бұрын
I think he knows what todo
@ericstoll69123 жыл бұрын
This video is freaking awesome... I just followed it and it is just plain perfect. I'm buying the course now even with Argentina's Exchange Rate...
@tyland7774 жыл бұрын
The word todo was use so many times. I got lost. Should have used another word when it was possible. Didn't watch til the end
@matthewangel50034 жыл бұрын
I agree
@Steven-wo9bm4 жыл бұрын
I lost track halfway
@McMurchie2 жыл бұрын
10/10 - fast, no droning, to the point.
@allanjunli4 жыл бұрын
This is jam-packed React and JavaScript goodies. Thank you for sharing. Learned a lot in 30 minutes.
@contractorwolf4 жыл бұрын
this is great, I am a C# dev that has recently been working a lot in Vue and wanted to learn more about React. Learned a ton in this video, excellent tutorial!
@confessor3380 Жыл бұрын
For those using this in 2023, this tutorial is still mostly valid BUT since it's react 18 ReactDOM.render() isn't supported and you have to use const root = ReactDOM.createRoot(document.getElementById('root')); root.render( );
@votoran9157 Жыл бұрын
what a chad
@vengateshm21223 жыл бұрын
That's mind boggling explanation? I can explain back even in sleep. Kudos to you
@DamianTew3 жыл бұрын
Your videos are great. I'm quite new to programming and I find the level of detail excellent. You explain the parts many others skip, and actually show how things work. Thanks for making these!
@jiauyjiauy37772 жыл бұрын
Thank you, dude! Even though the process of creating a react app has changed a little bit, I actually was able to run it! I've watched a couple of videos on the Internet but it's only you who helped me out! Thanks!
@Riguintantrix Жыл бұрын
So in minute 22 i wasn't able to recover correctly the todos after refreshing . Doing some debuggin seems that the setItem was running 2 times. This was because the if statement that check for storedTodos will always resolved to true even if the array was empty, efectivly clearing the array. I had to check that the length of storedTodos was greater than 0 inf the if evalutaroand then it would work correctly.
@sahil9146 Жыл бұрын
this!! you're a life saver. I'm confused as to how his code ran the way it did with this error?
@Sky-lc1ew Жыл бұрын
BUMPP!!
@afifkhaja Жыл бұрын
Thanks for this! Couldn’t really follow it but I will watch on repeat
@lukas.webdev Жыл бұрын
Now that's what I call motivation. Keep it up! 😉
@keithlamontdavis80474 жыл бұрын
This was a great lesson. Excellent, clear and direct teaching. Thank you.
@thePadlockesTech3 жыл бұрын
A lot of people are commenting on the repetitiveness of the todos. I almost agree. In coding, I was taught to name your data types, functions, classes, objects, etc, based on what they do. And since this is all a todo application that does todo stuff it kind of makes sense to me. Granted I have been practicing for a while so that definitely helped. I don't think a brand new person would understand this all that well. If it was a large app with multiple types of things it can do, it would make sense that the names were a bit more different. But similar names with some changes in a way makes it clean. Like if you think, a list of todos, a single todo, handling a todo, clearing a todo, the names make sense to me. And you definitely stop to explain things, but this isn't something someone, especially a new person, can just watch you and follow along, they got to stop coding to listen to what you are talking about on each topic. Good video in my opinion, just a little rough around the edges.
@thePadlockesTech3 жыл бұрын
Oh one thing though. Looks like I can add in todo objects when I have an empty text field. Did I miss something here?
@srinivasnahak34735 жыл бұрын
You're an amazing teacher with amazing hair.....😃
@romievthedon Жыл бұрын
The concept of persisted data is a hard one to grasp. This cleared it up a bit as far as local storage even though it wasn't the information I intended to mine from this video lmaooo . This proved to be more useful than expected
@shinichi9do5 жыл бұрын
my ear tired hearing 'to do' 😂😂
@FrazzleDazzle8354 жыл бұрын
14:39 was a breath of fresh air
@HosseinRooholamini2 жыл бұрын
Great instructor, clear words with a clear voice. not too fast not too slow. the best possible speed. Thanks
@marcodimario99185 жыл бұрын
A-W-E-S-O-M-E teacher. Congrats!!!
@gbkEmilgbk3 жыл бұрын
23:15 [...todos] it creates only copy of array but not of its elements (shallow copy) - so you actually not create copy of todo which you are updating .... Except that whole tutorial is quite nice :)
@ShujathHussain05 жыл бұрын
Another Awesome video! Note : Viewers have some knowledge on react components, Props & hooks to understand the code
@mahmoudiamir2 жыл бұрын
My man... You saved my ass a ton of time, this is what i need to learn react, all in 30min... I really appreciate
@samiam.4023 жыл бұрын
If anyone started having errors after import "uuid" it turns out the way to import has been update slightly. Now import it with "import {v4 as uuidv4} from 'uuid'" and I was able to run my script again. Hope that helps someone out there.
@TheFryPo3 жыл бұрын
Yup came to write the same thing. Glad someone already pointed it out ! Thank you :D
@niklasthielen55083 жыл бұрын
thanks man!
@MaiaEssmeralda3 жыл бұрын
Oh THANK YOU!
@hakata88893 жыл бұрын
Ty so much, I just know basic html, css and js and react was always something confusing and scary.. But this rlly helped me understand react a lot more
@yojona5 жыл бұрын
Video speed 2X: Learn React in 15 minutes ;)
@vik88605 жыл бұрын
that would be an example of what not "to do".
@mounirmoutawakil10784 жыл бұрын
Lmao
@patrickwalsh94444 жыл бұрын
1.25x ain't so bad, just sayin 😁
@dynerushd75174 жыл бұрын
Install video speed controller and put it to 10x to "Learn React In 3 Minutes"
@nemethricsi4 жыл бұрын
@@patrickwalsh9444 Learn React in 24 minutes! :)
@geraldsy Жыл бұрын
VERY COMPREHENSIVE TUTORIAL, Thank you very much :)
@m.haydar.mosawi5 жыл бұрын
I have a question, why did you use useRef to get the input value while you can access it from event.target.value ? Thank you for the tutorial, you make the useEffect more clear to understand, really thanks.
@Zestyyy284 жыл бұрын
While it's true that 'e.target.value' can be used to grab the value of an input element, he's applying the event listener to the button element instead of the input element. When the user clicks on the 'Add Todo' button, the button element is what 'e' would be referring to when it's passed into the 'handleAddTodo()', thus, 'e.target.value' wouldn't give the input value since that value comes from the input element and not the button element.
@ThomasKupracz2 жыл бұрын
Great overview. Thank you for this tutorial. The amount of stuff you cover in 30 mins is sick!!!
@eiderarango58635 жыл бұрын
Man thank you so much, I hope to see a complete React course coming quite soon, I like how you explain complex things.
@WebDevSimplified5 жыл бұрын
I already have a complete React course on my website linked in the description.
@manishmodi86623 жыл бұрын
Kyle is there a coupon code you have handy for your course?
@8xnnr Жыл бұрын
Man I really appreciate these guides , you do a great job of explaining. The only criticism I have is that at one point in the video my mind went blank from all of the "Toodos" and I just stared at the computer screen for a good solid minute trying to figure out what reality I am in.
@candym52802 жыл бұрын
I loved this tutorial. I start my first IT job on Monday (so excited!), so I'm doing projects to refresh some stuff, and your video was so helpful! PS: i followed a lot of your videos while learning and you're the best!
@farter1342 жыл бұрын
How is the new job🎉?
@candym52802 жыл бұрын
@@farter134 it's great!! The office is amazing, they let us wear slippers to work lol 😂
@logarithm02 жыл бұрын
@@candym5280 how is that possible?
@subliminakeys16742 жыл бұрын
This is great. Side note for unique ids when using keys. Another video had me take the todolist array length, find the number of the last item in the array and add 1 to it's id for new todos. This seems easier than the random key generator option but I'm sure the key generator is better for other scenarios .
@hondajacka22 жыл бұрын
Great tutorial! Very succinct and clear :)
@TheShaddy153 жыл бұрын
So much to learn, I think I'll put this on my Todo list.
@oracleking42525 жыл бұрын
How the eff did you learn all this with only one head? This will be my foundational video for learning react.
@prajwaldeepkhokhar74164 жыл бұрын
9:30 min and am already completely lost pulling my hair. I wanna die
@keerthanaanandan60624 жыл бұрын
So am I😭.it's been three months since you posted this comment,are you a react dev now ?????
@nemethricsi4 жыл бұрын
If you wanna understand how useState works (and you know JS) check this vid out. (the first half): kzbin.info/www/bejne/Z5u6hGqZeNqIjtk
@chubbyBunny944 жыл бұрын
I gave up
@chubbyBunny944 жыл бұрын
@Nickolas Gettel what software know how do Have under your belt?
@prajwaldeepkhokhar74164 жыл бұрын
@@keerthanaanandan6062 it's been 6 and am still lost af LMAFOOOOOOO
@knlsha4 жыл бұрын
Amazing work there. I just tried to play in 0.75x as I was watching and doing at the same time. This helped big time, thank you so much!
@AlexTechie5 жыл бұрын
I bet the word "task" was at the tip of your tongue the whole time while making this video. 😉 Side note: the variables/object names are way too similar, making it tough to keep track of what they represent. We still appreciate the video, though. 👍❤
@I_Am_McZee4 жыл бұрын
One of the best breakdowns I have seen in a while. Straight to the point and not just coding harp hazardly
@Joseph-qb1es4 жыл бұрын
Buy his react course. NOW!
@stealthmonkey3G3 жыл бұрын
Today we're gonna be learning to do stuff with to do's to make a to do list, but don't do anything too crazy with your todos, cuz todo that with your todos would not be very todo of you. Love the vids.
@stealthmonkey3G3 жыл бұрын
14:39 - 'do to' LOL why is this my new favorite drinking game
@sivarudramurthy9333 жыл бұрын
Absolutely MIND-BLOWING command over subject and a wonderful handson trainer.... ABSOLUTELY SUPERB. Please share with us the steriods you're on...
@shivanigaddagimath61053 жыл бұрын
Hey Siva! Are you a student or working currently? Would you be interested in exploring job opportunities in web development?
@rahul.dwivedi8112 жыл бұрын
@@shivanigaddagimath6105 Could you provide the details if still you have those opportunities?
@mohamedshahid60635 жыл бұрын
Please make one more on REACT REDUX.
@dangluong11755 жыл бұрын
And Redux-saga,please!
@stephanevermette56453 жыл бұрын
This is an excellent 20K foot overview to get the basics and move on to more in-depth material later.
@m0nster4883 жыл бұрын
"And now what you have to do is to make a todolist that todo is todo tOdO todODOtoTOdotO"
@TheNagyTheater Жыл бұрын
Unbelievably clear and easily understandable. You have a gift!!!! Thank you!!!
@filon8615 жыл бұрын
Damn, this guy can win a staring contest. How can u not blink?
@MFrankovvski4 жыл бұрын
He is not a human, he is a todo machine.
@sara-wing4 жыл бұрын
what? I see him blinking every few seconds ...
@aayesharouther90233 жыл бұрын
hey i think that few of you also might have the problem in installing, importing and using uuid in windows so try this: instead of "nmp i uuid" write "npm install uuidv4" in the terminal instead of " import uuidv4 from 'uuid/v4' " write "import {uuid} from 'uuidv4' " instaed of "id: uuidv4()" write "id: uuid()" hope this helps PS: remove " " marks before copying the code
@ElMocoo2 жыл бұрын
I’m going to make a tutorial on React… todotodotodotodotodotodo
@tomhollins92664 жыл бұрын
At about 22:20 I did not have anything in my list yet and the parse produced an error. To fix it, parse the storedTodos in the if (storedTodos) line. Then it will work. Great hands on tutorial. I'm subscribing. Great audio, great voice, excellent progressively working through the app creation.
@byedwardleung3 жыл бұрын
this has got me so confused, do you have another simple project without using the word todo so many times lol :)
@anton-haskevych2 жыл бұрын
OMG!!! THE BEST REACT GUIDE EVER!!!!!!!!!!
@SirXtC4 жыл бұрын
oh man, i was starting to get it at the beginning but there were so many todos thing it just got super confusing.
@peterluxus73822 жыл бұрын
25:20 is there no better way to handle a change of a state inside react???