How to Improve Offline Experience? | Exploring useSyncExternalStore | Advanced React Hooks

Поділитися
Вставка
  • Опубліковано 9 лют 2025
  • In this video, we will build a feature in the devtools.tech platform to enhance the offline experience for our users. We will discuss multiple ways to do it and take a look at advanced React hooks like useSyncExternalState.
    Support Us: topmate.io/yom...
    Advanced Programming Challenges: app.codecrafte...
    Elevate Your Career: Expert Mentors, One Click Away!: topmate.io/?ut...
    Get $200 worth of credits from DigitalOcean: m.do.co/c/9246...
    Try now using the links below
    devtools.tech/...
    devtools.tech/...
    You can support our channel via:
    rzp.io/l/suppo...
    devtoolstech.g...
    www.buymeacoff...
    ************************************************************
    Devtools Tech is a UA-cam channel started as a collaborative effort among like-minded engineers to provide high-quality programming tutorials for free. We firmly believe in knowledge sharing and easy access to quality content for everyone. Hence, this channel is an effort to give back to the community and a step toward our belief -- "We rise by lifting others".
    Interview questions: devtools.tech/...
    Interview resources: devtools.tech/...
    Hidden Gem: devtools.tech/...
    Team Members:
    Yomesh Gupta
    Portfolio: yomeshgupta.com
    LinkedIn: / yomeshgupta
    Twitter: / yomeshgupta
    #javascript #ai #web #frontend #interviewquestions #devtoolstech #code #programming #developement #offline
    ***********************************************************
  • Наука та технологія

КОМЕНТАРІ • 21

  • @VivekChavan-ov3pl
    @VivekChavan-ov3pl 3 місяці тому +5

    Rare thingS dont get views so true ..
    Bring such videos more.

    • @DevtoolsTech
      @DevtoolsTech  3 місяці тому

      Sad but true.
      More will be out soon!

  • @pradeex
    @pradeex 3 місяці тому

    Amazing, always new and interesting thing as expected 👍🏻

  • @anukul-c3w
    @anukul-c3w 3 місяці тому

    thanks, learned something new , these type of videos really help new developers

    • @DevtoolsTech
      @DevtoolsTech  3 місяці тому

      Glad to hear! Help us share so that we can make more such useful videos. 🙌🏼

  • @sashankr6902
    @sashankr6902 3 місяці тому

    Thanks for sharing, it's a good feature for improving UX!

  • @themodernmonk7
    @themodernmonk7 2 місяці тому

    Thats great.
    I had done this in my personal project when I was working on PWA and I decided to add a bottom banner having a red color background with a cellular network icon and some text.
    If the user is online then the background colour will become green and dismiss it after 2 seconds.

  • @allanfernandes829
    @allanfernandes829 3 місяці тому +1

    Thank you for this. Was always wondering how do big applications show the statuses. Finally I got clarity on how it's done.
    Can you provide the code in a github gist? Would be helpful

    • @DevtoolsTech
      @DevtoolsTech  3 місяці тому +1

      Sure. Will do soon.
      Help us share it with more folks. 🙌🏼

  • @ravikumar-gp6ui
    @ravikumar-gp6ui 3 місяці тому

    nice , building onine and adding good features helps the developer to know what they need to build in the company , not only fetchdata using useeffect etc , keep going

    • @DevtoolsTech
      @DevtoolsTech  3 місяці тому

      Yes, it is important to learn product development along with interview preparation!

  • @VivekChavan-ov3pl
    @VivekChavan-ov3pl 3 місяці тому

    Content ideas
    - You can share how you added that code review thing
    Also which model you are using for that and all

  • @kashmirtechtv2948
    @kashmirtechtv2948 9 днів тому

    do we really need to use this hook ?

    • @DevtoolsTech
      @DevtoolsTech  9 днів тому

      You can do it without this hook but it is specifically meant for syncing external state as shown in the video.