6 State Mistakes Every Junior React Developer Makes

  Рет қаралды 270,078

Lama Dev

Lama Dev

Күн бұрын

Пікірлер
@lionelsamain2348
@lionelsamain2348 2 жыл бұрын
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.
@slipstream01
@slipstream01 2 жыл бұрын
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 2 жыл бұрын
@It's Aaron Did u?
@lionelsamain2348
@lionelsamain2348 2 жыл бұрын
@@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.
@lionelsamain2348
@lionelsamain2348 2 жыл бұрын
@It's Aaron Congratz mate ! What do you do ?
@shahemhaddad2717
@shahemhaddad2717 2 жыл бұрын
@It's Aaron Glad to hear that🙌 keep it up
@ferdinandeke9590
@ferdinandeke9590 2 жыл бұрын
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.
@Corntrop
@Corntrop 2 жыл бұрын
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 жыл бұрын
++
@FidelGuajardo
@FidelGuajardo 2 жыл бұрын
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.
@writegoodcode
@writegoodcode 2 жыл бұрын
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.
@feriduncanselen9047
@feriduncanselen9047 2 жыл бұрын
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!
@sefakose4600
@sefakose4600 2 жыл бұрын
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!
@alecssalecs8370
@alecssalecs8370 2 жыл бұрын
Yes please ! Explain all the hooks, everybody needs a refresh and you are very good at explaining.
@operupal
@operupal 2 жыл бұрын
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”.
@figgsboson
@figgsboson 2 жыл бұрын
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!
@mariusj8542
@mariusj8542 2 жыл бұрын
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.
@xcrxwadda8287
@xcrxwadda8287 2 жыл бұрын
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
@jeffwang8660
@jeffwang8660 2 жыл бұрын
It is amazing. I saw another KZbinr 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!
@rafayzia4180
@rafayzia4180 2 жыл бұрын
Thank you for all this lama :) I learnt alot from you in the past year 🥳
@tanmayjain5821
@tanmayjain5821 2 жыл бұрын
I faced same issue yesterday and got its solution today while casually watching this video.
@jotasenator
@jotasenator 2 жыл бұрын
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
@dr.science9609
@dr.science9609 2 жыл бұрын
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
@johnsmith1789
@johnsmith1789 2 жыл бұрын
Your insight is pure gold Lama Dev! Thanks for sharing your knowledge & experience~
@MathaGaram
@MathaGaram 2 жыл бұрын
What a refined explanation!!! .This guy knows the core issues that juniors unknowingly do.
@damanpreetsingh8549
@damanpreetsingh8549 2 жыл бұрын
I love this you should make more videos like this
@bhosadraju5750
@bhosadraju5750 2 жыл бұрын
Please make video on useReducer ...you are the greatest teacher i came across in my learning till now
@1306dk
@1306dk 2 жыл бұрын
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 kzbin.info/www/bejne/qnrHf5ilfdOce7s this one
@Etubom
@Etubom 2 жыл бұрын
An absolute gem of an explainer video.Can't seem to find it in your github 2022 repo.
@mayanksinghal5913
@mayanksinghal5913 2 жыл бұрын
Loved it brother, learning a lot ... Keep it up for us
@cesarfranciscobueno435
@cesarfranciscobueno435 2 жыл бұрын
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.
@farid.dev1
@farid.dev1 2 жыл бұрын
Safak you are the best! Thank you! Please make a Full Stack app with TypeScript.
@norbertpascu6168
@norbertpascu6168 2 жыл бұрын
Good video bro, good reminder for people going fast!
@djbashan1662
@djbashan1662 2 жыл бұрын
Nice tutorial, nice explanation of concepts. And before I forget,YES I want more videos on react hooks
@vlias500
@vlias500 2 жыл бұрын
I do love your content man, best Lama teacher ever!)
@abdullahbelkaid1684
@abdullahbelkaid1684 2 жыл бұрын
Woowwww i just started learning react last week and you gave me a bunch of informations with this video, thank you so much 💗💗
@zihadprogrammer4246
@zihadprogrammer4246 2 жыл бұрын
This video is so helpful. Please create this type of videos more.
@rohittewari6902
@rohittewari6902 2 жыл бұрын
Best video to understand useState and use it in the right way♥
@niX.99
@niX.99 2 жыл бұрын
Thanks lama, this video give me a new knowledge
@bad_saurus
@bad_saurus 2 жыл бұрын
Such an informative video! Many thanks for your tutorials. I've learnt from you a lot!
@angelopavilando5967
@angelopavilando5967 2 жыл бұрын
yo just saying. keep it up. learning new things from you always. 💓
@morphine496
@morphine496 2 жыл бұрын
I'd love to see useMemo and useReducer sometime, thanks for everything, you really help us a lot.
@robertogonzalezz_
@robertogonzalezz_ 2 жыл бұрын
Thank you for showing us the most common errors, you are very useful for us. ❤
@andgoedu
@andgoedu 2 жыл бұрын
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
@VikasSharma-h9w
@VikasSharma-h9w Жыл бұрын
Very nice explaination . This one video solved my many problems.
@sajjadkazemi
@sajjadkazemi 2 жыл бұрын
Your examples are the best way to explain 👍🏻
@raphaeljcm
@raphaeljcm 2 жыл бұрын
I've just found your channel, a lot of nice tips here. Thanks!
@mohammedyousuff3832
@mohammedyousuff3832 Жыл бұрын
Thanks!
@anshulsaxena3513
@anshulsaxena3513 2 жыл бұрын
yes definitely, please make a lecture on usereducer hook..... Thank you for this great tutorial sir, its kind one of the best and amazing
@wind50321
@wind50321 2 жыл бұрын
At 14:23, you are not creating a new product in handleChoose(). You find the product in the array and save the object in selectedProduct. In increment(), you create a new array with all the products (map), and you replace the product with a new object with updated quantity. But selectedProduct is still the old object.
@chichebedarlington4360
@chichebedarlington4360 2 жыл бұрын
Thanks for the update, you are just as good as John Smilga❤️
@blackstonejimmy
@blackstonejimmy 2 жыл бұрын
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!
@heguer87
@heguer87 2 жыл бұрын
Amazing stuff. Thank you Lama!!!
@ldblogs4uofficial1849
@ldblogs4uofficial1849 2 жыл бұрын
Please create this type of video again this really helps Reducer context react toolkits And all the unable to understand hooks Thank you sir
@jvidalnunes
@jvidalnunes 2 жыл бұрын
Very useful. Tks a lot. I made some of these mistakes. Now, no more :D
@fizikodasi
@fizikodasi 2 жыл бұрын
Hazırlamış olduğunuz videolardan çok faydalanıyorum. Teşekkür ederim. Reducer konusunda yapacağınınız videoyu sabırla bekliyorum.
@muneess2979
@muneess2979 2 жыл бұрын
really great work.. keep it up.. expecting more videos like this... 🙏👏👏
@uu-jq4nc
@uu-jq4nc 2 жыл бұрын
Well done Sir, an excellent example well executed. Thank you.
@Arabian_Abomination
@Arabian_Abomination 2 жыл бұрын
Thanks Lama. I’m starting to love react. Use to love Vue most but now switched to react 💯
@rubenverster250
@rubenverster250 2 жыл бұрын
Haha. Man this is so good making me remember all the Junior mistakes I made like this years ago XD
@mayanksinghal5913
@mayanksinghal5913 2 жыл бұрын
Very awesomely explained!
@oleksandrvoichyshyn7486
@oleksandrvoichyshyn7486 2 жыл бұрын
This is amazing, refresh memory, and remind what was forgotten. I would watch video about another hooks, and that hooks (noob, pro)
@pouyamv9607
@pouyamv9607 2 жыл бұрын
I just love the way you teach
@welovephp
@welovephp 2 жыл бұрын
Can you do a video about useReducer, maybe expanding the example in this video? That will be great.
@a.j.javier8119
@a.j.javier8119 2 жыл бұрын
Very good video, sir. Keep it up!
@anindow
@anindow Жыл бұрын
U are not a lama u are an G.O.A.T
@okanozturk8604
@okanozturk8604 11 ай бұрын
Güzel açıklayıcı bir video olmuş hemşerim.Eline sağlık.
@peacecoder
@peacecoder 2 жыл бұрын
We will more happy to see more such videos about react hooks and it's perfect use cases..❤️
@mohammedaamirmansuri5131
@mohammedaamirmansuri5131 2 жыл бұрын
I was really helpful. Would love to watch more on useReducer hook
@omersorhun4116
@omersorhun4116 2 жыл бұрын
You are great :) Çok iyi iş çıkartmışsın abim.
@ferdinandeke9590
@ferdinandeke9590 2 жыл бұрын
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
@iamstickfigure
@iamstickfigure 2 жыл бұрын
Nice. I didn't now about the function version of setStateVar. Also, you may have left this out to avoid confusing people, but I'd recommend a "useMemo" on line 12 of the last bit of code in the video. Running a "find" call on every render is maybe not great. Not terrible for an array of 3, but "useMemo" would be a good practice for things like that. Or you could also use a Map for an id lookup of the product.
@cchelseacxx
@cchelseacxx 2 жыл бұрын
👆Send a direct message for help 🆙 ⬆️ .❤
@chrisplacktor1992
@chrisplacktor1992 2 жыл бұрын
Great video 👍👏 Please go deeper into the useReducer usage next video
@MikdanJey
@MikdanJey 2 жыл бұрын
Great work, learning lot
@jonirusieshvili6623
@jonirusieshvili6623 2 жыл бұрын
hello guys :D lama, i'm also one of your student for a long time and thanks for all ^^ i wanted to say that it's a great idea to start use typescript but in my opinion it's better if firstly we'll learn real-world password forgot and reset functionality with react and node and it be even better if we use next.js much often ^^ i'm waiting for it 😅
@parmaryash4406
@parmaryash4406 2 жыл бұрын
Really amazing video
@georgescuradu2275
@georgescuradu2275 2 жыл бұрын
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.
@grijjly6091
@grijjly6091 2 жыл бұрын
Handle form onSubmit event. It does not render on every input, handle once, if form value affect another form value, only create for them
@aamiramin6112
@aamiramin6112 2 жыл бұрын
Amazing very informative. Thanks for sharing
@MassHypnosis805
@MassHypnosis805 2 жыл бұрын
Please do a reducer tutorial. This video was extremely helpful.
@marcosMartinez-wm7bd
@marcosMartinez-wm7bd 2 жыл бұрын
great content! Please share other hooks too
@hassaanshah9819
@hassaanshah9819 2 жыл бұрын
Nice tutorial. Thank you
@alinesouza9297
@alinesouza9297 2 жыл бұрын
Great tips! Thank you
@Diaryonwings
@Diaryonwings 2 жыл бұрын
Great video lama dev can you please make a video on core differences between junior and senior dev
@stefanhupp7945
@stefanhupp7945 2 жыл бұрын
Really nice videos. Thanks 🤗
@Andrew_Essam
@Andrew_Essam 2 жыл бұрын
thank u so much that was super helpful and informative
@Naton
@Naton 2 жыл бұрын
dang...my react skill just leveled up watching this video
@anthanghoang7338
@anthanghoang7338 2 жыл бұрын
it worked for me so i leaved a like and sub
@sc0or
@sc0or 2 жыл бұрын
The example on the preview is not a mistake. In case posts are changed, postId won’t help. And even more: if posts are changed with the same data, postId will hide that unnecessary update (that degrades a performance). A lost reference in case of selectedPost will help to discover that error early. So, a developer can either fix the redundant update, or to cleanup selectedPost before the update
@dclxviclan
@dclxviclan 2 жыл бұрын
Peoples, who teaching other peoples coding for free - THIS SAINTS HUMANS 😇, Thanks for all u tutorials🤚👍
@anilkumawat5241
@anilkumawat5241 Жыл бұрын
plz make video on UseMemo and useCallback
@mikhailvasilev5798
@mikhailvasilev5798 2 жыл бұрын
In the 4 part of your video, you would add the changeUser handler once on the form tag.
@НатальяСемешенко-т4х
@НатальяСемешенко-т4х 2 жыл бұрын
Thanks! It's great lesson! Yes, I'd like to see a useReducer :) I don't understand it...
@hassamulhaq7762
@hassamulhaq7762 2 жыл бұрын
Last example is helpful. Use id instead of updating object or take action on whole object.
@ludwigvillalba1886
@ludwigvillalba1886 2 жыл бұрын
Thanks for sharing, Lama,
@aatish4697
@aatish4697 2 жыл бұрын
A Hidden Gem Thank you so much
@zackh
@zackh Жыл бұрын
The multiple states with separate onChange functions is a mistake I made when creating a recipe app. I'm so annoyed that I did that because I understand updating properties of objects and spread operators, but was just so hung up on how stupid it was to have all these states that I couldn't figure out this method.
@tonyohagan1195
@tonyohagan1195 2 жыл бұрын
And this is why I code in Vue. Vue's ref() state management eliminate these bugs and remove the confusion of using two functions per variable.
@andrewborys4599
@andrewborys4599 2 жыл бұрын
Thanks, it’s cool video, you are explaining difficult things by simple words. As you said, I’m waiting for redux, maybe redux toolkit or redux thunk… You great 👍🏼
@markkevinsoriano1562
@markkevinsoriano1562 2 жыл бұрын
Redux and React hooks for the next? And thank you for posting such wonderful video tutorials much love from the PH
@vinhvinh4701
@vinhvinh4701 2 жыл бұрын
Hi Guy, I don't know why I can't use " ?. " like in video 4:35 , I'm using React 16.9?
@micaeldie8584
@micaeldie8584 2 жыл бұрын
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 🇨🇮
@nileshnilu7902
@nileshnilu7902 2 жыл бұрын
Very useful thanks❤
@emanuelameh5722
@emanuelameh5722 2 жыл бұрын
Thanks Lama for this insightful video. Can you please do a video of how to use useEffect hook properly?
@SonAyoD
@SonAyoD 2 жыл бұрын
Make a functional and practical use reducer video please 🙏🏾
@Behind-The-Scenes
@Behind-The-Scenes 2 жыл бұрын
You are a really great man.
All useEffect Mistakes Every Junior React Developer Makes
22:23
Learn React Hooks: useImperativeHandle - Simply Explained!
9:54
Cosden Solutions
Рет қаралды 26 М.
It’s all not real
00:15
V.A. show / Магика
Рет қаралды 20 МЛН
When you have a very capricious child 😂😘👍
00:16
Like Asiya
Рет қаралды 18 МЛН
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН
Learn React useReducer Hook with Examples
14:19
Lama Dev
Рет қаралды 181 М.
I tried 8 different Postgres ORMs
9:46
Beyond Fireship
Рет қаралды 444 М.
7 Outside The Box Puzzles
12:16
MindYourDecisions
Рет қаралды 142 М.
ADHD Is a Curse… Until You Learn This
17:34
ADHDVision
Рет қаралды 712 М.
Goodbye, useEffect - David Khourshid
29:59
BeJS
Рет қаралды 505 М.
Every Programming Language Ever Explained in 15 Minutes
15:29
Flash Bytes
Рет қаралды 366 М.
It’s all not real
00:15
V.A. show / Магика
Рет қаралды 20 МЛН