No video

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

  Рет қаралды 27,347

RoadsideCoder

RoadsideCoder

Күн бұрын

Пікірлер: 57
@RoadsideCoder
@RoadsideCoder 8 ай бұрын
🔴 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 8 ай бұрын
What all beginner javascript projects should we do before moving on to react?
@arshad402
@arshad402 7 ай бұрын
.
@VIVEKGUPTA-zc5ui
@VIVEKGUPTA-zc5ui 8 ай бұрын
yes we want a video for this dark and light feature using the redux toolkit please share with us
@RoadsideCoder
@RoadsideCoder 8 ай бұрын
Alright!
@mdanas0007
@mdanas0007 6 ай бұрын
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.
@curlyfried3117
@curlyfried3117 7 ай бұрын
Dude your content has helped me so much. Thank you!
@sankhojjalchatterjee
@sankhojjalchatterjee 5 ай бұрын
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.
@meryemOuyouss2002
@meryemOuyouss2002 5 ай бұрын
You're implementation is really amazing
@jayanand8068
@jayanand8068 5 ай бұрын
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.
@devin3944
@devin3944 5 ай бұрын
Thank you so much. Although I used tsx for my context, this method works perfectly.
@RoadsideCoder
@RoadsideCoder 5 ай бұрын
Excellent!
@zackscreativeinsights
@zackscreativeinsights 8 ай бұрын
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 .
@streetfoodworld8569
@streetfoodworld8569 7 ай бұрын
Great learning with you bhaiya! yes we do want a video on redux also
@Aviralsingh-yw7xx
@Aviralsingh-yw7xx 8 ай бұрын
Thanks a lot sir. I have shared your playlist with all my friends.
@RoadsideCoder
@RoadsideCoder 8 ай бұрын
Thanks a lot brother 💖
@zeeshan4341
@zeeshan4341 8 ай бұрын
Excellent stuff. Learned a lot. Love from Pakistan ❤ keep it up bro 😊
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl 8 ай бұрын
Kudos to your efforts ❤❤ superb video
@RoadsideCoder
@RoadsideCoder 8 ай бұрын
Thanks ✌️
@prafuldeoghare1904
@prafuldeoghare1904 8 ай бұрын
Maza aa gaya guru!!!
@sharmilak5109
@sharmilak5109 7 ай бұрын
nice video helps to learn Lot!! thank you
@abhishekchaurasia_
@abhishekchaurasia_ 8 ай бұрын
Excellent stuff awesome
@priyanshujha777
@priyanshujha777 8 ай бұрын
yes bhaiya, please make video on light and dark mode using redux toolkit or zustand
@The_Developer_
@The_Developer_ 5 ай бұрын
it was really great
@PallaviNagarkar
@PallaviNagarkar 8 ай бұрын
awesome!!
@manishkhandagale26b15
@manishkhandagale26b15 7 ай бұрын
Please tell me in detail of all process during interview?examples of machine coding test
@Khedhar108
@Khedhar108 8 ай бұрын
yes redux dark mode video with standardised way
@RoadsideCoder
@RoadsideCoder 8 ай бұрын
Okay!
@brave364
@brave364 7 ай бұрын
Bro didn't hesitate to just display photos while video call 💀💀💀, but great content bro...
@RoadsideCoder
@RoadsideCoder 7 ай бұрын
I had their concent don't worry
@brave364
@brave364 7 ай бұрын
@@RoadsideCoder BRO YOUR CONTENTS ARE WAY BETTER THEN FANG KZfaqR... THANKS FOR THAT...
@FaisalKhan-oy4zz
@FaisalKhan-oy4zz 8 ай бұрын
no premiere today @6pm
@RoadsideCoder
@RoadsideCoder 8 ай бұрын
I thought you all will be busy in new year
@AzadKumar-zi5lm
@AzadKumar-zi5lm 7 ай бұрын
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 7 ай бұрын
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 7 ай бұрын
@@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 7 ай бұрын
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!
@regilearn2138
@regilearn2138 Ай бұрын
yes please create it using redux toolkit as well
@furqan6644
@furqan6644 7 ай бұрын
How are you so good with hooks and everything. Please help me.
@bhupindersinghmalhotra
@bhupindersinghmalhotra 4 ай бұрын
it would be much appreciated if u make light and dark mode using redux and redux toolkit
@MuhammadTalha-ez3hr
@MuhammadTalha-ez3hr 8 ай бұрын
please video in how to make breadcrumbs navigation
@nandjijayaswal3077
@nandjijayaswal3077 8 ай бұрын
SIr please make a video to implement dark with redux and redux toolkit
@Manojkumar-bh8os
@Manojkumar-bh8os 6 ай бұрын
Redux toolkit...light and dark mood
@tarundurbha5398
@tarundurbha5398 6 ай бұрын
please continue machine coding round interview questions
@RoadsideCoder
@RoadsideCoder 6 ай бұрын
I have uploaded it yesterday
@user-ny2hm9kc3v
@user-ny2hm9kc3v 7 ай бұрын
i intersted in your front end domination course but it is very costly INN TO PKR
@RoadsideCoder
@RoadsideCoder 7 ай бұрын
bro its not mine 😂
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl 8 ай бұрын
please implement this using plain redux and also with redux toolkit
@eleah2665
@eleah2665 8 ай бұрын
Please do this in remix. Should be very similar Thanks.
@AquibSayyed-wv2mj
@AquibSayyed-wv2mj 8 ай бұрын
make using redux as well
@wisamkayani9634
@wisamkayani9634 7 ай бұрын
Nextjs making it easy with tailwind 😂
@rishiraj2548
@rishiraj2548 8 ай бұрын
❤💯🙂👍
@krish8847
@krish8847 7 ай бұрын
Superb
@narendrapanchal7499
@narendrapanchal7499 8 ай бұрын
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
@RoadsideCoder
@RoadsideCoder 8 ай бұрын
Will soon bring a tutorial!
wow so cute 🥰
00:20
dednahype
Рет қаралды 31 МЛН
Meet the one boy from the Ronaldo edit in India
00:30
Younes Zarou
Рет қаралды 19 МЛН
Ik Heb Aardbeien Gemaakt Van Kip🍓🐔😋
00:41
Cool Tool SHORTS Netherlands
Рет қаралды 9 МЛН
Matching Picture Challenge with Alfredo Larin's family! 👍
00:37
BigSchool
Рет қаралды 49 МЛН
Build a dark mode light mode in reactjs with context api
29:20
Hitesh Choudhary
Рет қаралды 26 М.
React Interview Questions | Beginner to Advanced
26:42
PedroTech
Рет қаралды 27 М.
3 Years Experienced React Interview
1:16:16
ProCodrr
Рет қаралды 20 М.
[ Live ] React JS Interview 🤯 | Frontend UI Questions 🤒
1:12:35
Akshay Saini
Рет қаралды 338 М.
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 472 М.
wow so cute 🥰
00:20
dednahype
Рет қаралды 31 МЛН