React JS Interview Questions ( Dark mode Light mode ) - Frontend Machine Coding Interview Experience

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

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

  • @RoadsideCoder
    @RoadsideCoder  9 месяцев назад

    🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details
    ➡ Book an Interview Preparation call with me ( 20% OFF for limited time ) - topmate.io/roadsidecoder
    🟪 Follow me on Instagram and u will clear your interview 🤓 - instagram.com/roadsidecoder/

    • @rayyanabdulwajid7681
      @rayyanabdulwajid7681 9 месяцев назад

      What all beginner javascript projects should we do before moving on to react?

    • @arshad402
      @arshad402 9 месяцев назад

      .

  • @VIVEKGUPTA-zc5ui
    @VIVEKGUPTA-zc5ui 9 месяцев назад +20

    yes we want a video for this dark and light feature using the redux toolkit please share with us

    • @RoadsideCoder
      @RoadsideCoder  9 месяцев назад +2

      Alright!

    • @mdanas0007
      @mdanas0007 7 месяцев назад +1

      Very simple with redux just dispatch action in payload dark or light.
      Fetch value using useSelector from store and base on light and dark string output you can remove and add classes conditionally using ternary operator thats it.
      Whit javaScript its a bit cumbersome.

  • @brave364
    @brave364 8 месяцев назад

    Bro didn't hesitate to just display photos while video call 💀💀💀, but great content bro...

    • @RoadsideCoder
      @RoadsideCoder  8 месяцев назад

      I had their concent don't worry

    • @brave364
      @brave364 8 месяцев назад

      @@RoadsideCoder BRO YOUR CONTENTS ARE WAY BETTER THEN FANG RUclipsR... THANKS FOR THAT...

  • @FaisalKhan-oy4zz
    @FaisalKhan-oy4zz 9 месяцев назад +2

    no premiere today @6pm

    • @RoadsideCoder
      @RoadsideCoder  9 месяцев назад +2

      I thought you all will be busy in new year

  • @zackscreativeinsights
    @zackscreativeinsights 9 месяцев назад +1

    Yes we want video for dark and light mode using redux,redux toolkit but also with backend we can store app configurations light and dark mode also in backend if we load the browser dark and light mode will remains same local storage user can easily remove use backend api only .

  • @jayanand8068
    @jayanand8068 6 месяцев назад +1

    I think for styling we can use tailwind css that would much easy to apply and it is getting adapted very fast, would recommend to use tailwind next time.

  • @bhupindersinghmalhotra
    @bhupindersinghmalhotra 5 месяцев назад

    it would be much appreciated if u make light and dark mode using redux and redux toolkit

  • @regilearn2138
    @regilearn2138 2 месяца назад

    yes please create it using redux toolkit as well

  • @Manojkumar-bh8os
    @Manojkumar-bh8os 7 месяцев назад

    Redux toolkit...light and dark mood

  • @curlyfried3117
    @curlyfried3117 8 месяцев назад +1

    Dude your content has helped me so much. Thank you!

  • @Rahmankhattak-x5k
    @Rahmankhattak-x5k 8 месяцев назад

    i intersted in your front end domination course but it is very costly INN TO PKR

  • @tarundurbha5398
    @tarundurbha5398 7 месяцев назад

    please continue machine coding round interview questions

  • @priyanshujha777
    @priyanshujha777 9 месяцев назад

    yes bhaiya, please make video on light and dark mode using redux toolkit or zustand

  • @The_Developer_
    @The_Developer_ 6 месяцев назад

    it was really great

  • @Khedhar108
    @Khedhar108 9 месяцев назад +1

    yes redux dark mode video with standardised way

  • @sankhojjalchatterjee
    @sankhojjalchatterjee 6 месяцев назад

    Thanks, bro, for the video. I think in a real-world application, storing the light/mode into local Storage would be better as context/ or any state would set to default value once the page is reloaded. So, i used similar approach for UI and created a custom Hook for storing the state.

  • @furqan6644
    @furqan6644 9 месяцев назад

    How are you so good with hooks and everything. Please help me.

  • @manishkhandagale26b15
    @manishkhandagale26b15 9 месяцев назад

    Please tell me in detail of all process during interview?examples of machine coding test

  • @MuhammadTalha-ez3hr
    @MuhammadTalha-ez3hr 9 месяцев назад

    please video in how to make breadcrumbs navigation

  • @eleah2665
    @eleah2665 9 месяцев назад

    Please do this in remix. Should be very similar Thanks.

  • @nandjijayaswal3077
    @nandjijayaswal3077 9 месяцев назад

    SIr please make a video to implement dark with redux and redux toolkit

  • @zeeshan4341
    @zeeshan4341 9 месяцев назад

    Excellent stuff. Learned a lot. Love from Pakistan ❤ keep it up bro 😊

  • @streetfoodworld8569
    @streetfoodworld8569 8 месяцев назад

    Great learning with you bhaiya! yes we do want a video on redux also

  • @sharmilak5109
    @sharmilak5109 8 месяцев назад

    nice video helps to learn Lot!! thank you

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl 9 месяцев назад

    please implement this using plain redux and also with redux toolkit

  • @wisamkayani9634
    @wisamkayani9634 9 месяцев назад

    Nextjs making it easy with tailwind 😂

  • @meryemOuyouss2002
    @meryemOuyouss2002 6 месяцев назад

    You're implementation is really amazing

  • @devin3944
    @devin3944 6 месяцев назад

    Thank you so much. Although I used tsx for my context, this method works perfectly.

  • @AquibSayyed-wv2mj
    @AquibSayyed-wv2mj 9 месяцев назад

    make using redux as well

  • @AzadKumar-zi5lm
    @AzadKumar-zi5lm 8 месяцев назад

    Sir, I implemented light dark theme without context api
    My approach
    1. I made a light class in css and added light theme color
    2. then i made another class dark and added dark theme color
    3. when someone click on button then i added those class on body tag
    is it okay or there is any problem
    let me know !
    😮😮😮😮😮

    • @RoadsideCoder
      @RoadsideCoder  8 месяцев назад +1

      but what if a deeply nested component needs to know the current theme, then u will need to know by using the useContext hook

    • @AzadKumar-zi5lm
      @AzadKumar-zi5lm 8 месяцев назад

      @@RoadsideCoder but i am using css variables value to design components styling.
      then i am changing value according to theme but variables name will be same

    • @AzadKumar-zi5lm
      @AzadKumar-zi5lm 8 месяцев назад

      By the way thanks sir i try to implement it using context api right now ☺️☺️☺️
      so bye i am gonna open my laptop...
      have a good night!

  • @abhishekchaurasia_
    @abhishekchaurasia_ 9 месяцев назад

    Excellent stuff awesome

  • @Aviralsingh-yw7xx
    @Aviralsingh-yw7xx 9 месяцев назад

    Thanks a lot sir. I have shared your playlist with all my friends.

  • @PallaviNagarkar
    @PallaviNagarkar 9 месяцев назад

    awesome!!

  • @prafuldeoghare1904
    @prafuldeoghare1904 9 месяцев назад

    Maza aa gaya guru!!!

  • @rishiraj2548
    @rishiraj2548 9 месяцев назад

    ❤💯🙂👍

  • @RavindraSingh-lp9pl
    @RavindraSingh-lp9pl 9 месяцев назад

    Kudos to your efforts ❤❤ superb video

  • @krish8847
    @krish8847 8 месяцев назад

    Superb

  • @narendrapanchal7499
    @narendrapanchal7499 9 месяцев назад

    Bro I want to learn the same way you write css with variables and and all this way you implemented css please reffer me somehthing @RoadsideCoder