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

preview_player
Показать описание

React Interview Question on implementing Dark mode and Light mode using Context API will be created in this video along with tips and tricks to tackle your React JS and JavaScript Questions in Frontend Machine Coding Interviews.

➡️ Book an Interview Preparation call with me ( 20% OFF for limited time ) -

👤 Join the RoadsideCoder Community Discord -

🔗 React JS Interview Series -

➡️ Source Code -

🔗 JS Interview Series -

🔗 Cars24 Interview Experience -

🔗 Unacademy Interview Experience -

🔗 Tazorpay Interview Experience -

🔗 MERN Stack Tutorial with Redux -

🔗 React Beginner's Project Tutorials -

#JavascriptInterview #ReactInterview #ReactJS

-------------------------------------------------------------------------

00:00 Intro
00:35 Setup New React App
00:45 Creating a Multi Page App
07:54 Implementing Light/Dark Mode
09:33 Setup Context API
10:39 Dark Theme Global State
14:43 Light and Dark Theme Styles
18:41 Theme Switcher

-------------------------------------------------------------------------

⭐ Support the channel -

Special Thanks to our members -
Рекомендации по теме
Комментарии
Автор

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

VIVEKGUPTA-zcui
Автор

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

curlyfried
Автор

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.

sankhojjalchatterjee
Автор

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

devin
Автор

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.

jayanand
Автор

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

streetfoodworld
Автор

You're implementation is really amazing

meryemOuyouss
Автор

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

Aviralsingh-ywxx
Автор

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 .

zackscreativeinsights
Автор

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

zeeshan
Автор

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

priyanshujha
Автор

nice video helps to learn Lot!! thank you

sharmilak
Автор

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

manishkhandagaleb
Автор

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

furqan
Автор

please video in how to make breadcrumbs navigation

MuhammadTalha-ezhr
Автор

yes please create it using redux toolkit as well

regilearn
Автор

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

bhupindersinghmalhotra
Автор

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

nandjijayaswal
Автор

yes redux dark mode video with standardised way

Khedhar
Автор

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 !
😮😮😮😮😮

AzadKumar-zilm