React Context & Hooks Tutorial #21 - Adding Local Storage

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 476

  • @osamagamal495
    @osamagamal495 4 года назад +17

    You make everything easy Shaun, You're the only teacher before I even watch your videos, I know that I'll understand everything with no confusion. You're a gift to developers. Thank You, man.

  • @aivkhairulamirin9004
    @aivkhairulamirin9004 13 дней назад

    This video is still relevant to watch in 2024. You successfully teach the lessons well

  • @kmiiO
    @kmiiO 5 лет назад +70

    Once again, a perfect series

  • @neilcartwright6369
    @neilcartwright6369 3 года назад +2

    This series should win some sort of award. Clear, concise, well structured and good fun to follow along.

  • @raymondmichael4987
    @raymondmichael4987 5 лет назад +24

    With the closing jingle song; that conclude this awesome series,
    Waiting for the next series or course announcement.
    Thank you Shaun
    Greetings from Tanzania

  • @rocking303
    @rocking303 4 года назад

    The way you explained each concept is crystal clear. Made me love it. Thanks a lot Shaun. You are the best.

  • @billycheung7095
    @billycheung7095 4 года назад +8

    Finished the whole series. That's an amazing teaching. I can't believe that I can learn the concept in just a couple of days. That wouldn't happen without your decent guidance.

  • @MrKentiba
    @MrKentiba 5 лет назад +1

    I wrote it differently
    const localBooks = JSON.parse(localStorage.getItem('books')) || [ ];
    const [books, dispatch] = useReducer(bookReducer, localBooks);
    Thank you for these series !! I learned a lot , keep the good work

  • @public1400
    @public1400 4 года назад

    Hello Shaun, I must tell that you are one of the best programmers in the world can teach in an easy way which is understandable! This was the firs course that I finished with you and I do enjoyed at all, accept my best appreciates for your fantastic teaching skills and your courses. THANKS A LOT......

    • @NetNinja
      @NetNinja  4 года назад +1

      Thank you so much :)

  • @user-iw2md2gl4q
    @user-iw2md2gl4q 3 года назад +1

    Did your entire react tutorial from 2018 and then this and I truly can't thank you enough. You have such a wonderful way of explaining things. I hope you know how appreciated you are!

  • @tomkcey
    @tomkcey 4 года назад

    Concise. Pertinent. Clear. Absolutely awesome. Thanks Shaun

  • @kaushiksarmah999
    @kaushiksarmah999 4 года назад

    I almost lost hope while building my own site.... as stuffs were not working...but finally u came to my rescue.... love u 3000 ❤

  • @jashimuddin8943
    @jashimuddin8943 3 года назад +1

    I have taken several courses from Udemy. Believe me, no one can explain it as beautifully as you. In my opinion, you are a blessing for those who are learning at home or for those who are financially indigent like me . Lots of love and respect from Bangladesh.

  • @georgebassey3911
    @georgebassey3911 11 месяцев назад

    You're an incredible teacher, how you go through every topic makes learning so easy for me. Thank you!

    • @NetNinja
      @NetNinja  11 месяцев назад

      Thanks for your kind words George :)

  • @jdratlif
    @jdratlif 2 года назад

    This was great. Just what I needed. I made a react app that stores data temporarily, so I didn't think I needed to save it, but I accidentally refreshed the browser while using it and lost everything while I was still trying to use it. This was such an easy guard against that.

  • @zuhryfayesz-me6uy
    @zuhryfayesz-me6uy 3 года назад

    You deserve a medal for this .... Fantastic series of tutorial on React Context API, Hooks and enjoyed every bits and bites of it .... Awesome !!!!!

  • @prernamehra2343
    @prernamehra2343 4 года назад +1

    Finished the whole tutorial, would say got addicted to this. The way you explain things is so clear & simple.
    I have learnt so much from you. I never thought I could ever understand the mysterious combination of react hooks & context, but you made it possible and god it so simple.
    Thank Shaun 😄. You are pretty moooouuuch awesooome.

  • @cedrickvstheworld1810
    @cedrickvstheworld1810 4 года назад

    Thanks Mr ninja. It took me just around 3 hours to complete the series and I really learned a lot!. Definitely will share t'is one!

  • @ernestlamptey397
    @ernestlamptey397 Год назад

    Made it to the end of another course. I feel like I'm becoming a react ninja already. Thanks Shaun! Crystal clear explanations.

    • @NetNinja
      @NetNinja  Год назад

      Great to hear that :) thanks Ernest!

  • @uness4511
    @uness4511 4 года назад +2

    Thank you so much, Shaun. all I have learned in this series I put it inside my project which made me removing the classes, and lead me to understand Contexts and Hooks so much better.

  • @jomarkpangan9362
    @jomarkpangan9362 4 года назад +1

    Man, I feel like I wasted 5 years in college because of these tutorials/courses (The Odin Project, The Net Ninja/Traversy). You guys just taught me web development in 5 months. You guys are the best. I wish you all good health!

  • @valcaro87
    @valcaro87 2 года назад

    done all the 21 episodes! thank you for these straightforward tutorials, I've learned so much :)

  • @wahidulislam9258
    @wahidulislam9258 3 года назад

    One of the best english tutorials i have ever seen.

  • @toyosisalami6453
    @toyosisalami6453 2 года назад +1

    You're literally a legend! This tutorial series was incredibly fantastic and I'm really grateful and happy to have learned from it. Thank you so much for your kind tutoring, I really appreciate it. You're my favourite tech tutor in RUclips.

  • @techalphalogix1433
    @techalphalogix1433 3 года назад

    I have never find any tutorial on Context API and Hooks explained in such a brilliant way ,I remember every single line of code the way you explained it .... Amazing videos must watch.

  • @josetorreblanca655
    @josetorreblanca655 3 года назад

    And again, every time I need to learn something new, Ninja has my back :)

  • @channel-ol1yn
    @channel-ol1yn 3 года назад

    This is my goto youtube channel for react and javascript learning. Once again. great job, keep it up.

  • @varo09111991
    @varo09111991 4 года назад +3

    Following along this series has been the most productive thing I've done in months. Thank you!

  • @ganeshsrambikal3614
    @ganeshsrambikal3614 3 года назад

    Shaun , your explanations are so easy to understand. Really helpful.

  • @Crunkmastaflexx
    @Crunkmastaflexx 4 года назад +5

    This React series is god tier. Everything is cogent. Perfectly explained.

  • @mohammedammarkurabi7520
    @mohammedammarkurabi7520 3 года назад +2

    One of the beast react+hooks+Context tutorials i've seen.
    Many thanks Shaun for your great effort.

  • @leanprogrammer
    @leanprogrammer 3 года назад

    Great great great shifu! It's a joy to learn with how you explain things. Now I'd say I have a very strong foundation on hooks and context

  • @SassyPantsy
    @SassyPantsy Год назад

    This series is the reason I love the internet so much. The highest quality teaching, free for the world. Thank you so much!

    • @NetNinja
      @NetNinja  Год назад +1

      Thanks Cooper :) hope it was helpful

  • @pateldhruv046
    @pateldhruv046 Год назад

    It was a great course for hooks and the way explaintion was mindblowing. Good to have you sir, this course cleared my all doubt about hooks and React concepts. Thank You. Love from India, Dhruv.

  • @marianagrnk
    @marianagrnk 3 года назад +1

    Sir thank you so so much, you just saved my life with this tutorial, I've been looking for a way of saving data in local storage for 2 hours using react js and you just explained to me in 2 min.

  • @Pareshbpatel
    @Pareshbpatel 2 года назад

    Beautifully and fluently presented a course on React Context & Hooks. Thank you, Shaun.
    {2022-02-09]

  • @andrewsmichael416
    @andrewsmichael416 2 года назад +1

    You are indeed a great teacher, I really do enjoyed and pretty understand the series.
    Thank you so much 🙏💕

  • @kimshares1487
    @kimshares1487 3 года назад

    Shaun you explain better than Traversy and any other person out there. That's your strength and also depth of your tutorials is just on another level, they are not just for views but to make guys understand widely. I was actually dealing with like and dislike button and this video alone has helped me make the functionality.

  • @sskdev5116
    @sskdev5116 4 года назад

    Thank you soo much!!! Thanks to this tutorial I was able to finally understand react and context api so much that now redux seems like a peace of cake

  • @billpapas3054
    @billpapas3054 3 года назад

    Dude i will say it again ! I have expressed my feelings multiple times! But u are so FKING EXTREMELY GOOD at teaching!!! I mean how the... U can be so good! Thats a gift from God there is no other explanation! God bless u buddy! I will be so disappointed if u are not a legend on youtube by now!!!! Also u are the only one i feel u love what u are doing and that seems on the way u explaining! Sorry for my poor English! U are unbelievable great !!!!!!

  • @amolshrivastava7786
    @amolshrivastava7786 3 года назад

    One of the best video I saw on local storage thank you for explaining it in such an easy manner..

  • @MegaJagveer
    @MegaJagveer 4 года назад

    This series was amazing and stands out as one of the best computer science/ programming tutorials I've ever had the opportunity to learn from. It's frustrating to watch videos that are disorganized and hand-wavy, especially when you're a new developer. It's clear that you spent substantial time and effort preparing, and that you have a very deep understanding of what is being covered.

  • @xiaotingshao3689
    @xiaotingshao3689 Год назад

    great explanation with the similar code I saw somewhere, but this is much better for me to remember. And I finally know how to use localStorage properly. Thanks Shaun!

    • @NetNinja
      @NetNinja  Год назад

      You're very welcome Lannie!

  • @swarnsuvarna4489
    @swarnsuvarna4489 3 года назад

    I have gone through a lot of Reactjs courses, but your course stands out!!. You explain the concepts in an easy way. Thank you !!!! :)

  • @mohamedrabiachaker346
    @mohamedrabiachaker346 3 года назад

    Many thanks, top quality tutorial and paces well with people that already have an understanding of the concepts and wanna develop further, your style is something that I don't often see and that's why I find myself back to your channel looking for reference this often, thank you again and keep it up.

    • @NetNinja
      @NetNinja  3 года назад +1

      Thanks so much :)

  • @kandekore
    @kandekore 2 года назад

    Whenever I don't understand a concept, I read documentation first. If I still don't get it, Net Ninja has the best explanations.

    • @NetNinja
      @NetNinja  2 года назад

      Very kind, thank you! :)

  • @navneetkumar1709
    @navneetkumar1709 4 года назад +1

    One of the best Tutorials,I have ever seen on RUclips. Clean ,Clear and way of explanation is amazing.(I couldn’t resist myself to like the video and subscribe your channel
    ❤️)
    Such type of Content gn should be appreciated.
    Thank you soo much

    • @NetNinja
      @NetNinja  4 года назад

      Thank you so much!

  • @alkhemist6631
    @alkhemist6631 3 года назад

    How the hell do you manage to explain something so well. Man! You good

  • @ahmetfarukcuha7793
    @ahmetfarukcuha7793 Год назад

    excellent course, this probably best reacthooks tutorial I have ever seen

  • @andiboggs4902
    @andiboggs4902 2 года назад

    A useReducer hook and local storage in the same tut? And less than 11 minutes! I am psyched and going to follow this one right now.

    • @andiboggs4902
      @andiboggs4902 2 года назад

      Oh, nvm I think it was only the console on RUclips... when open a different browser window it works in that console.

  • @SQLPandasPro
    @SQLPandasPro 2 года назад

    This is the best series on react on RUclips. Thanks for your kind help.😍

  • @oldboot
    @oldboot 4 года назад

    61k views first video; 11k last -- not everyone made it this far!
    Great job! thank you.

  • @vnymachado
    @vnymachado 5 лет назад +9

    Another great series as usual! You really should mention your Patreon more often. Would be great one video about how to handle async requests with useEffect and async with reducers :) Keep up the good work Shaun!

  • @alanmangroo3656
    @alanmangroo3656 4 года назад

    An excellent tutorial. Very clear explanations and perfect bite sized videos. Thank you!

  • @RUPAKUMARI-sk6cw
    @RUPAKUMARI-sk6cw 4 года назад

    It was amazing.Context and Reducer function is explianed in a better way.Thanks

  • @nicbongo
    @nicbongo 4 года назад

    useReducer's 3rd argument solved my woes! Thank you grand master Net Ninja!

  • @musictrader8990
    @musictrader8990 3 года назад

    Just completed. Awesome tutorial series. Thanks Shaun for this.

  • @venkatakalyan8330
    @venkatakalyan8330 3 года назад +2

    I've really loved this series to learn about react hooks and context api and nice teaching like mini eposides its really good idea , keep it up and thank you making this series .

  • @user-dh8dd3pe1i
    @user-dh8dd3pe1i 3 года назад

    You are the master of react js thank brother for good explaining everything related to hook

  • @AmDsus2Fmaj7Am
    @AmDsus2Fmaj7Am 4 года назад

    Brilliant mate. We appreciate your work. Great example on local storage. Learned a lot.

  • @asramaa
    @asramaa 3 года назад

    Well explained. Mr. Shaun thank you for this wonderful series.

  • @ManishKumar-rx1rs
    @ManishKumar-rx1rs 5 лет назад

    I watched all your react series. Its really great. Very good examples you had showcase for learning react

  • @codelate
    @codelate 4 года назад +1

    One of the best youtube Tutorials I have ever attended. Thanks Shaun...Joining your monthly membership

    • @NetNinja
      @NetNinja  4 года назад

      Thanks so much :)

  • @erezan2644
    @erezan2644 3 года назад

    Thank you very much for your free best quality stuff sir.
    I have many problem with the context of my React app then the knowledge you shared really helped me !

  • @mayankpant8388
    @mayankpant8388 4 года назад

    Thanks Shaun Pelling for this worderful experience, localStorage part was a a bonus for me in
    this series.

  • @abusamuel806
    @abusamuel806 4 года назад

    This series is definitely top tier!!! Thanks Net Ninja.

  • @lofty1069
    @lofty1069 4 года назад +3

    We can also do this for the localStorage:
    const items = { ...localStorage }
    const [books, dispatch] = useReducer(BookReducer, JSON.parse(items.books))
    useEffect(() => {
    localStorage.setItem('books', JSON.stringify(books))
    }, [books])

  • @eugineochung7503
    @eugineochung7503 3 года назад

    nice tutorial man, you made react way easier , I would definitely recommend your tutorials and support your channel

  • @valerika9164
    @valerika9164 3 года назад

    Shaun, that was an amazing playlist! 🚀🤩 Thank you very much 🙌🏼
    I felt kinda frustrated and afraid to study React & React Native. Especially after UIKIt and SwiftUI. Where to start? What are modern and effective ways to code with it? Your React playlist helped me to understand what is React. Hooks & Context tutorial is totally impressive, step by step you showed us how to make better code. I recommend your channel to every developer I talk with. Thank you very much for your work! 🌟

  • @angierodriguez5830
    @angierodriguez5830 4 года назад +2

    I learned so much with just this series alone. Excellent stuff, can't wait to watch the rest of your content.

  • @martinmaldonado4923
    @martinmaldonado4923 4 года назад +1

    Thank you so much Shaun! I was hesitant to learn hooks but you made it so easy!

  • @ashikrana7601
    @ashikrana7601 3 года назад

    No doubt, you are the best that i ever seen in react related tutorial.thanks shaun

  • @randompit
    @randompit 4 года назад

    I bought a course from udemy that didn't cover hooks and context. I am glad I found your videos, they are far more informative and very well structured.. thank you so much :)

  • @catalinanghel-ursu7022
    @catalinanghel-ursu7022 4 года назад +1

    What a great experience this Tutorial series was and is! *Whoo hoo!* Learned a lot! So if anyone is interested to get into React Hooks and Context this is my first recommendation! Thank you again Shaun, for your effort and dedication you put into this coursework! Love it!

    • @NetNinja
      @NetNinja  4 года назад

      Thanks so much, glad you liked it :)

  • @westernmozilla8128
    @westernmozilla8128 4 года назад

    Thank you so much Shaun you are helping me a lot with these series. Basically everything I know about frontend is because of you. There are not a lot of good teachers in my country kyrgyzstan. So thanks man you just giving me the hope that one day I can find a job and maybe move somewhere else from here.

  • @MeezanTheFairBloke
    @MeezanTheFairBloke Месяц назад

    Amazing series Shaun, as with all your courses and videos... thank you!

  • @cerezagomez9
    @cerezagomez9 3 года назад

    Thank you so much for making these videos!! I've been trying to understand and use useContext and the other hooks exactly the way you did for a few days now. Your videos not only showed basic examples but they help to understand how to use them in more advanced ways. Again, excellent series!!

  • @adnanmaulana7237
    @adnanmaulana7237 4 года назад

    thanks for this series, proud to complete and understand this series !!

  • @mariomazzola4243
    @mariomazzola4243 4 года назад

    Hi Shaun, I will never thank you enough for your free teachings.
    I ve followed religiously all your js/react/node/pwa stuff for a couple of years. I still use your videos as a sourse of Quick reference when I get stuck.
    Thanks to your videos I ve just been commissioned a react.js + node express project for which I am charging handsomely (relatively to the place where i live of course...).
    Perhaps, in the UK a real net ninja wouldn t even switch the laptop on for this kind of money... But here in Cuba a few grand really mean something :-)

  • @timothyokooboh3249
    @timothyokooboh3249 2 года назад

    Thanks, Shaun for this rich content. You are the best online tutor!

  • @SimPwear84
    @SimPwear84 4 года назад +1

    This was a fantastic series, my weekend well spent.
    I now feel more confident with my newly acquired 🥋in Hooks + Context.
    Thank you so much Shaun.
    Big fan of the channel from South Africa :-)

  • @bahlulhasanli
    @bahlulhasanli 4 года назад

    This is the most beautifully explained video lesson. Thank you, I will learn more from you beautiful man 👍🏻❤️

  • @BilalAhmedChannel
    @BilalAhmedChannel 4 года назад +1

    So I'm completed this playlist ! And I'm pleased to learn from you very best ! Your are super duper instructor of my all time ! Thank you once again ! God bless you every time ! Thanks Thanks !

  • @whitestrabbit
    @whitestrabbit 3 года назад

    This has been an amazing way to clear up so many concepts in React and learn new ones that I was kind of afraid to try and learn on my own. Thank you so much for your work.

  • @ulana1189
    @ulana1189 4 года назад +1

    Thank you very much TheNetNinja for the detailed, precise, and best explanations. I've spent too much time so far and still was struggling. Now everything becomes much clear.

  • @stephanurkel7567
    @stephanurkel7567 3 года назад

    Fantastic series! Thanks for putting this (and the React Query) series together. This has been, by far, the clearest explanation of the Context API that I've come across

  • @akhilpathania2956
    @akhilpathania2956 4 года назад +1

    The best tutorial of react I have ever seen ...THANKS ALOT ALOT!!!!

  • @JeremyBlackYoda
    @JeremyBlackYoda 4 года назад

    Excellent Excellent! What a great lesson and guide to hooks and context! Thanks for your sharing such excellent content. I will pay it forward and let others know about your work.

    • @NetNinja
      @NetNinja  4 года назад +1

      Thanks Jeremy :)

  • @karimnaufal9792
    @karimnaufal9792 4 года назад

    A true freakin' Ninja! You rocks, thanks mate!

  • @Afghanistanmujaheed1234
    @Afghanistanmujaheed1234 4 года назад

    I searched for context tutorials and saw 3 or 4 other top youtubers explaining it.(Don't wanna take their names) but i got zero understandings after watching them then i returned to the best in the market net ninja who explained it smoothly

  • @TheDetroja
    @TheDetroja 3 года назад

    Awesome tutorials from part 1 to 21. I follow each one and get to know about useReducer and useContext in a very easy way. Thanks to NetNinja.

    • @TheDetroja
      @TheDetroja 3 года назад

      Please request to add some tutorials on SingUp and SingIn with google and Facebook related using firebase + hooks + context API.

  • @suhrobmuboraksho
    @suhrobmuboraksho 3 года назад

    Thanks Shaun! Great explanation. Very easy to follow and swallow :)

  • @ridl27
    @ridl27 5 лет назад +1

    Ehh ... I wish I could find your channel earlier. Thanks to YOU, I came back to study web development like 1.5 years ago. And now I have pretty good knowledge and skills! Really BIG thank you!

    • @NetNinja
      @NetNinja  5 лет назад +1

      Awesome! Thanks Alex :D

  • @nova3744
    @nova3744 3 года назад

    Thank you so much for your effort and time, I learned a lot with you! Here is another fan of your work.

  • @raf2518
    @raf2518 4 года назад

    This is THE BEST tutorial I have ever gone through! And that's including some that I have paid for. I just subscribed, next time I am thinking of purchasing a course, I will check to see if you offer it first. THANK YOU! Keep rocking it 👍🏽

  • @kevinyu9934
    @kevinyu9934 4 года назад

    This is very useful for saving the user authentication data !

  • @julianbazanaguirre8439
    @julianbazanaguirre8439 4 года назад

    Aweeeeesoooome!! I learnt so much about it. I was even hesitating in keep learning Redux (I am in the middle of a training about that) but you made want to go through it because: REDUX is just a pattern, I can learn the patten (HOW) and then just learn a tool (WHAT) that could be either REDUX or just Hooks, useContext, useState, useReducer, to achieve the master goal of one way data flow (WHY). Thanks mate!!

  • @sucayono8848
    @sucayono8848 4 года назад

    I really love this series. Thank you so much, Shaun!. You're awesome!

  • @SaintPepsiSanCoca
    @SaintPepsiSanCoca 4 года назад

    what that's such an intuitive way to handle storage

  • @drewstifler1440
    @drewstifler1440 4 года назад

    I always look up to this channel whenever I want to learn something in web development and I always end up learning.