6 State Mistakes Every Junior React Developer Makes

Ғылым және технология

React useState tutorial beginner to advanced. React useState best practices and solutions to the most common state problems. Functional update, white screen problem, derived states, and more.
For more projects you can support Lama Dev:
Join: / @lamadev
Buy me a coffee: www.buymeacoffee.com/lamadev
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
Twitter: / lamawebdev
00:00 useState Functional Update (Why useState doesn't update immediately?)
02:54 React useState white screen problem fixed
05:56 React useState How to update a specific object property?
09:27 React How to change all inputs with a single onChange?
11:17 useState vs useReducer (When to use?)
12:53 Be careful about React derived states!

Пікірлер: 286

  • @sefakose4600
    @sefakose46002 жыл бұрын

    Great content!! Please keep releasing these kind of videos about best practices or dos and don'ts in React. It helps a lot! Thanks for good work!

  • @lionelsamain2348
    @lionelsamain23482 жыл бұрын

    Hey, I just wanted to let you know that I graduated this year. I finally have my Bachelor degree in management developement. And this is (partially) thanks to you ! I followed your Netflix tutorial and it helped me tremendously for one of my last assignments. So you can go to sleep tonight knowing you made someone else's life better. I'm 33 and this bachelor degree is my second one. I decided to study it while working for a job I hated in order to get out of it. It already opened so many opportunities to me and completely changed my professional life and my career perspectives. Thanks a lot, I'll keep following your videos because I learn so much every time.

  • @Rei-m3g

    @Rei-m3g

    Жыл бұрын

    Woah am 23 and fretting about my whole life. I better find a job quickly....

  • @slipstream01

    @slipstream01

    Жыл бұрын

    hey did the netflix tutorial help learn react or are you alread good with all the basics of reactt? i am going to try to code along with him in that tutorial so i can learn some more do you think its a good idea?

  • @shahemhaddad2717

    @shahemhaddad2717

    Жыл бұрын

    @@Rei-m3g Did u?

  • @Rei-m3g

    @Rei-m3g

    Жыл бұрын

    @@shahemhaddad2717 yea got a job this week

  • @lionelsamain2348

    @lionelsamain2348

    Жыл бұрын

    @@slipstream01 I was close to nowhere with React when I followed this. It's a lot to process though so maybe you should do a few tiny exercises to understand the very basics, then start with this. But whatever you do he explains everything he does so you'll be able to follow. But you might struggle to understand what you do. And if you don't understand, well you won't remember.

  • @feriduncanselen9047
    @feriduncanselen9047 Жыл бұрын

    Hey Lama, I am going to start working tomorrow at my first software developer job. Thanks to your portfolio videos and other various videos I feel really confident for tomorrow. Thank you for uploading videos like this you are a life saver!

  • @johnsmith1789
    @johnsmith17892 жыл бұрын

    Your insight is pure gold Lama Dev! Thanks for sharing your knowledge & experience~

  • @figgsboson
    @figgsboson Жыл бұрын

    hey, thank you so much for all your vids, especially on React hooks. I like that you make it simple to understand while maintaining content and the rationale behind it. Plus your voice and the way you speak is comforting haha, it helps with the stress of complex topics like this. thank you!

  • @alecssalecs8370
    @alecssalecs8370 Жыл бұрын

    Yes please ! Explain all the hooks, everybody needs a refresh and you are very good at explaining.

  • @rafayzia4180
    @rafayzia41802 жыл бұрын

    Thank you for all this lama :) I learnt alot from you in the past year 🥳

  • @writegoodcode
    @writegoodcode2 жыл бұрын

    for the last one, you could wrap the find one in usememo and pass the dependency as id, to prevent calculating it again and again when you have a lot of states.

  • @ferdinandeke9590
    @ferdinandeke95902 жыл бұрын

    And also, it would be lovely if we start using typescript in both our nodejs and react builds, that also will cut down a lot of these kind of errors. i don't know why no matter how much of tutorials i watch out there, i always still wait for you to implement such stacks before i really feel comfortable with them, cos your explanations sink so well in my brains at just a glance

  • @John-mj1kk

    @John-mj1kk

    2 жыл бұрын

    Not using TypeScript is just asking for trouble and endless nights.

  • @bad_saurus
    @bad_saurus2 жыл бұрын

    Such an informative video! Many thanks for your tutorials. I've learnt from you a lot!

  • @Corntrop
    @Corntrop2 жыл бұрын

    Wow. I've been developing apps for months and I realized I didn't know 4 of them lol. Thanks for making us better developers. Please share other hooks too.

  • @sarcasticdna

    @sarcasticdna

    2 жыл бұрын

    ++

  • @1306dk
    @1306dk2 жыл бұрын

    Great content as always. Ive been using your approach to handle forms ever since your last video about handling forms 👍

  • @zakidzz

    @zakidzz

    2 жыл бұрын

    where is that vedio of forms can you please put the link here?

  • @1306dk

    @1306dk

    2 жыл бұрын

    @@zakidzz kzread.info/dash/bejne/pn2YsMeoeNHPdbw.html this one

  • @jotasenator
    @jotasenator Жыл бұрын

    this is gold, thanks for your time doing this video, and thinking about the proper examples, i will share this on my linkedin. Wish you the best. thank you once more

  • @operupal
    @operupal2 жыл бұрын

    Hello Lama, make please a video about useMemo, useCallback, useReducer)))

  • @youusef101

    @youusef101

    2 жыл бұрын

    you forgot a "please" in there

  • @operupal

    @operupal

    2 жыл бұрын

    @@youusef101 corrected)

  • @youusef101

    @youusef101

    2 жыл бұрын

    @@operupal thank you

  • @terjeoseberg990

    @terjeoseberg990

    Жыл бұрын

    @@operupal, The “please” should be before “make”.

  • @MathaGaram
    @MathaGaram Жыл бұрын

    What a refined explanation!!! .This guy knows the core issues that juniors unknowingly do.

  • @xcrxwadda8287
    @xcrxwadda82872 жыл бұрын

    Please make more educational videos like this ... They are very helpful and everyone loves them would suggest a tutorial how to use product management tool like Trello

  • @djbashan1662
    @djbashan16622 жыл бұрын

    Nice tutorial, nice explanation of concepts. And before I forget,YES I want more videos on react hooks

  • @abdullahbelkaid1684
    @abdullahbelkaid16842 жыл бұрын

    Woowwww i just started learning react last week and you gave me a bunch of informations with this video, thank you so much 💗💗

  • @raphaeljcm
    @raphaeljcm Жыл бұрын

    I've just found your channel, a lot of nice tips here. Thanks!

  • @jeffwang8660
    @jeffwang86602 жыл бұрын

    It is amazing. I saw another KZreadr recommended to use useState individually for each state, but I feel your suggestion of using them as an object is much better. I am interested in useReducer. Could you talk about it as well. Thanks!

  • @FidelGuajardo
    @FidelGuajardo Жыл бұрын

    I love the examples LamaDev uses. He really thinks beforehand about what code snippets are the best to explain concepts. He is a master teacher.

  • @mariusj8542
    @mariusj85422 жыл бұрын

    Spot on! I feel like a fool for not understanding that we could define the whole model/object in the initial useState,I have used the standard && every time I use map.

  • @mayanksinghal5913
    @mayanksinghal5913 Жыл бұрын

    Loved it brother, learning a lot ... Keep it up for us

  • @robertogonzalezz_
    @robertogonzalezz_2 жыл бұрын

    Thank you for showing us the most common errors, you are very useful for us. ❤

  • @zihadprogrammer4246
    @zihadprogrammer42462 жыл бұрын

    This video is so helpful. Please create this type of videos more.

  • @user-uw5dv5el8m
    @user-uw5dv5el8m Жыл бұрын

    Very nice explaination . This one video solved my many problems.

  • @cesarfranciscobueno435
    @cesarfranciscobueno4352 жыл бұрын

    Thank you so much, i'm writting a code yesterday e thinking about how to write my code in a better way. There was a lot of States hahaha, so now today youtube show me your video and was what i need. You got a new subscribe.

  • @vlias500
    @vlias5002 жыл бұрын

    I do love your content man, best Lama teacher ever!)

  • @norbertpascu6168
    @norbertpascu61682 жыл бұрын

    Good video bro, good reminder for people going fast!

  • @ferdinandeke9590
    @ferdinandeke95902 жыл бұрын

    great insights Lama, thanks. And yes please i would love to understand properly how the "useMemo" hooks and the likes of it used for performance optimization works, and how we could implement that to improve performance of our apps. thanks once more

  • @Etubom
    @Etubom Жыл бұрын

    An absolute gem of an explainer video.Can't seem to find it in your github 2022 repo.

  • @morphine496
    @morphine496 Жыл бұрын

    I'd love to see useMemo and useReducer sometime, thanks for everything, you really help us a lot.

  • @muneess2979
    @muneess29792 жыл бұрын

    really great work.. keep it up.. expecting more videos like this... 🙏👏👏

  • @uu-jq4nc
    @uu-jq4nc Жыл бұрын

    Well done Sir, an excellent example well executed. Thank you.

  • @sajjadkazemi
    @sajjadkazemi Жыл бұрын

    Your examples are the best way to explain 👍🏻

  • @heguer87
    @heguer872 жыл бұрын

    Amazing stuff. Thank you Lama!!!

  • @Arabian_Epileptic
    @Arabian_Epileptic2 жыл бұрын

    Thanks Lama. I’m starting to love react. Use to love Vue most but now switched to react 💯

  • @bhosadraju5750
    @bhosadraju5750 Жыл бұрын

    Please make video on useReducer ...you are the greatest teacher i came across in my learning till now

  • @anshulsaxena3513
    @anshulsaxena3513 Жыл бұрын

    yes definitely, please make a lecture on usereducer hook..... Thank you for this great tutorial sir, its kind one of the best and amazing

  • @angelopavilando5967
    @angelopavilando5967 Жыл бұрын

    yo just saying. keep it up. learning new things from you always. 💓

  • @peacecoder
    @peacecoder2 жыл бұрын

    We will more happy to see more such videos about react hooks and it's perfect use cases..❤️

  • @damanpreetsingh8549
    @damanpreetsingh85492 жыл бұрын

    I love this you should make more videos like this

  • @mayanksinghal5913
    @mayanksinghal5913 Жыл бұрын

    Very awesomely explained!

  • @MikdanJey
    @MikdanJey Жыл бұрын

    Great work, learning lot

  • @mohammedaamirmansuri5131
    @mohammedaamirmansuri51312 жыл бұрын

    I was really helpful. Would love to watch more on useReducer hook

  • @niX.99
    @niX.992 жыл бұрын

    Thanks lama, this video give me a new knowledge

  • @a.j.javier8119
    @a.j.javier81192 жыл бұрын

    Very good video, sir. Keep it up!

  • @Andrew_Essam
    @Andrew_Essam2 жыл бұрын

    thank u so much that was super helpful and informative

  • @aamiramin6112
    @aamiramin61122 жыл бұрын

    Amazing very informative. Thanks for sharing

  • @andgoedu
    @andgoedu2 жыл бұрын

    Dude thanks alot i literally ran into this problem on back4app , and this enabled me to assign multiple properties seamlessly and organized

  • @andgoedu

    @andgoedu

    2 жыл бұрын

    can i mention you in my tutorial as a reference ? for a better method than mine i am doing a typescript tutorial and this helped me out alot

  • @stefanhupp7945
    @stefanhupp7945 Жыл бұрын

    Really nice videos. Thanks 🤗

  • @alinesouza9297
    @alinesouza92972 жыл бұрын

    Great tips! Thank you

  • @hassaanshah9819
    @hassaanshah98192 жыл бұрын

    Nice tutorial. Thank you

  • @chrisplacktor1992
    @chrisplacktor19922 жыл бұрын

    Great video 👍👏 Please go deeper into the useReducer usage next video

  • @ludwigvillalba1886
    @ludwigvillalba18862 жыл бұрын

    Thanks for sharing, Lama,

  • @dr.science9609
    @dr.science96092 жыл бұрын

    You are my teacher ❤️ if I reach success definitely I will mention you in all my success note And you will really present in my success note

  • @omersorhun4116
    @omersorhun4116 Жыл бұрын

    You are great :) Çok iyi iş çıkartmışsın abim.

  • @pouyamv9607
    @pouyamv96072 жыл бұрын

    I just love the way you teach

  • @okanozturk8604
    @okanozturk86046 ай бұрын

    Güzel açıklayıcı bir video olmuş hemşerim.Eline sağlık.

  • @emanuelameh5722
    @emanuelameh57222 жыл бұрын

    Thanks Lama for this insightful video. Can you please do a video of how to use useEffect hook properly?

  • @rohittewari6902
    @rohittewari6902 Жыл бұрын

    Best video to understand useState and use it in the right way♥

  • @oleksandrvoichyshyn7486
    @oleksandrvoichyshyn74862 жыл бұрын

    This is amazing, refresh memory, and remind what was forgotten. I would watch video about another hooks, and that hooks (noob, pro)

  • @chichebedarlington4360
    @chichebedarlington43602 жыл бұрын

    Thanks for the update, you are just as good as John Smilga❤️

  • @nileshnilu7902
    @nileshnilu79022 жыл бұрын

    Very useful thanks❤

  • @24capital75
    @24capital752 жыл бұрын

    Great video lama dev can you please make a video on core differences between junior and senior dev

  • @parmaryash4406
    @parmaryash44062 жыл бұрын

    Really amazing video

  • @marcosMartinez-wm7bd
    @marcosMartinez-wm7bd2 жыл бұрын

    great content! Please share other hooks too

  • @kingsgaming7278
    @kingsgaming7278 Жыл бұрын

    Nice Work!!!

  • @synt-x6458
    @synt-x64582 жыл бұрын

    Great tutorial. Would be great if you can do the same for the other hooks

  • @ldblogs4uofficial1849
    @ldblogs4uofficial18492 жыл бұрын

    Please create this type of video again this really helps Reducer context react toolkits And all the unable to understand hooks Thank you sir

  • @georgescuradu2275
    @georgescuradu22752 жыл бұрын

    I’d love to watch a useReducer and context API tutorial from u. I watched the Redux one, but I personally believe context API is easier to understand.

  • @fizikodasi
    @fizikodasi2 жыл бұрын

    Hazırlamış olduğunuz videolardan çok faydalanıyorum. Teşekkür ederim. Reducer konusunda yapacağınınız videoyu sabırla bekliyorum.

  • @razmiqayelyan1497
    @razmiqayelyan14972 жыл бұрын

    Thanks 🙏 very useful

  • @anthanghoang7338
    @anthanghoang7338 Жыл бұрын

    it worked for me so i leaved a like and sub

  • @micaeldie8584
    @micaeldie85842 жыл бұрын

    Great tutorial so precise, learn a lot if you can do some for useReducer it will be great. Much love from Côte d'ivoire 🇨🇮

  • @jvidalnunes
    @jvidalnunes Жыл бұрын

    Very useful. Tks a lot. I made some of these mistakes. Now, no more :D

  • @codewithaaryan3489
    @codewithaaryan34892 жыл бұрын

    This is very helpful Thank you 🙂 And Can you make another video of Redux like this

  • @JoffeDall
    @JoffeDall2 жыл бұрын

    Please make this for the other hooks aswell, would be very useful

  • @blackstonejimmy
    @blackstonejimmy2 жыл бұрын

    I'd love a more in-depth look at the useState -> useReducer example you showed - this hook always confuses me (the docs say it should be obvious if I'm familiar with Redux... however I am not familiar with Redux). Same with useMemo and some of the more obscure hooks actually - but I might just be getting greedy asking for them... fantastic video either way!

  • @kishoreandra
    @kishoreandra2 жыл бұрын

    Hey lama, great video as always 🙏... Can you show the useReducer e.g. that you have advised with form e.g. in video please... Thank you

  • @Behind-The-Scenes
    @Behind-The-Scenes2 жыл бұрын

    You are a really great man.

  • @rubenverster250
    @rubenverster2502 жыл бұрын

    Haha. Man this is so good making me remember all the Junior mistakes I made like this years ago XD

  • @marimuthur9456
    @marimuthur9456 Жыл бұрын

    Your really awesome 😎 thank you so much ☺️👌🏼👌🏼👌🏼

  • @farid.dev1
    @farid.dev12 жыл бұрын

    Safak you are the best! Thank you! Please make a Full Stack app with TypeScript.

  • @MassHypnosis805
    @MassHypnosis805 Жыл бұрын

    Please do a reducer tutorial. This video was extremely helpful.

  • @MusicsFree
    @MusicsFree Жыл бұрын

    Very very Helpful 🙂 👍

  • @nick4bizz42
    @nick4bizz42 Жыл бұрын

    Great insight

  • @itexpert4193
    @itexpert41932 жыл бұрын

    good job.. keep it up

  • @tanmayjain5821
    @tanmayjain58212 жыл бұрын

    I faced same issue yesterday and got its solution today while casually watching this video.

  • @otis3744
    @otis37442 жыл бұрын

    love your work basically learned how to program from you... can we have typescript with react and ionic 😁 hopefully one day ill buy you a coffee to say thank you

  • @4BeerLife
    @4BeerLife Жыл бұрын

    Please continue!

  • @welovephp
    @welovephp2 жыл бұрын

    Can you do a video about useReducer, maybe expanding the example in this video? That will be great.

  • @paschalkings8184
    @paschalkings81842 жыл бұрын

    A banger already

  • @user-dh4py6qj2h
    @user-dh4py6qj2h Жыл бұрын

    Thanks! It's great lesson! Yes, I'd like to see a useReducer :) I don't understand it...

  • @Sch0LarY
    @Sch0LarY Жыл бұрын

    Thank you very much!!!

  • @jesustzinon
    @jesustzinon2 жыл бұрын

    Please do more videos about all hooks, like the useReducer!

  • @maksymdudyk1718
    @maksymdudyk17182 жыл бұрын

    Thank you, very much.

  • @kevin-xr1wf
    @kevin-xr1wf Жыл бұрын

    Such a good content

  • @thesouthsidedev1812
    @thesouthsidedev1812 Жыл бұрын

    Thanks for this

  • @brilliantatosam6882
    @brilliantatosam6882 Жыл бұрын

    Great content

Келесі