React Dark Mode with Sass (Toggle Theme)

  Рет қаралды 19,472

Tenacity

Tenacity

Күн бұрын

Пікірлер: 35
@saeedatenzi
@saeedatenzi 2 жыл бұрын
The thing that I liked the most is the enthusiasm in your voice while you were explaining it all. and also this video couldnt be anymore straight forward on point. keep up the good work edit: Subscribed
@itsmeanyway
@itsmeanyway Жыл бұрын
Thanks, man. This is the video I am searching for. You did it in a very easy way, keep it up 10k is not so far away if you provide this kind of videos
@yooololo8121
@yooololo8121 2 жыл бұрын
you are the real hero, thank you
@jdd5222
@jdd5222 2 жыл бұрын
Great solution! thanks man!
@Daniel-qs4yw
@Daniel-qs4yw 2 жыл бұрын
Thx man! Keep going!
@devglow-amindu
@devglow-amindu 2 жыл бұрын
Amazing. Have to say it is kind of motivational to me. ✌️
@1berkproduction
@1berkproduction 2 жыл бұрын
GitHub repo should be in description ha
@PubgQuickShorts
@PubgQuickShorts 2 жыл бұрын
Good work brother
@douglasbernardodev
@douglasbernardodev 2 жыл бұрын
Awesome! Thanks👏
@fatemeh_ngh
@fatemeh_ngh 2 жыл бұрын
that was amazing
@adamjiang7877
@adamjiang7877 2 жыл бұрын
Thank you for sharing this video. + 1 subscribed.
@joaquinp5176
@joaquinp5176 2 жыл бұрын
Nice! One video on adding mixins would be great. Subscribed!
@braveshine2579
@braveshine2579 2 жыл бұрын
this proj is broken now with new version of everything. done.
@musicinsession
@musicinsession 2 жыл бұрын
This was one amazing video!!! Subbed!! So straightforward!! Are you doing one on mixins with react?
@tenacity_dev
@tenacity_dev 2 жыл бұрын
Thank you! It means a lot. I'll see I'm quite busy but I'll keep that in mind and do one maybe.
@alanizmarquezrobertocarlos2670
@alanizmarquezrobertocarlos2670 2 жыл бұрын
Great video! What are u using to the cursor seems with a little delay?
@tenacity_dev
@tenacity_dev 2 жыл бұрын
It's called Cursor Smooth Caret Animation, it's an option you can enable in vs code
@SagarKumar-db2xy
@SagarKumar-db2xy 2 жыл бұрын
Amazing. Which one will you recommend? Styled components or saas?
@tenacity_dev
@tenacity_dev 2 жыл бұрын
That's a tough question, each one of these have benefits. If you like working more with JS i would suggest styled components, but if you're a css guy then go for saas.
@AliTasOfficial
@AliTasOfficial Жыл бұрын
Nice video! Which Linux distro are you using in this video?
@tenacity_dev
@tenacity_dev Жыл бұрын
I'm using Manjaro Gnome
@AliTasOfficial
@AliTasOfficial Жыл бұрын
@@tenacity_dev thanks, but the GUI doesn't look like Gnome. Is it some other GUI?
@tenacity_dev
@tenacity_dev Жыл бұрын
​@@AliTasOfficial I changed the layout and added the arc menu and that's it.
@bogdanmykhailov1139
@bogdanmykhailov1139 Жыл бұрын
Thanx
@zing_ptit4028
@zing_ptit4028 Жыл бұрын
Wrong! with react multi page. you can't use this way. pseudo-class will help this
@Lashistoriasdelilith
@Lashistoriasdelilith Жыл бұрын
Hi, why do you call base and abstract to those folders? is there a reason? I ask, cause I've seen it before. Great video! thanks.
@tenacity_dev
@tenacity_dev Жыл бұрын
The 'base.scss' is usually the file that contains the fundamental styles. While the 'abstract.scss' is more vague and can hold different styles that you want. I choose abstract for the example.
@jltg34
@jltg34 Ай бұрын
I followed along with this seemingly deprecated tutorial, trying to get things working for hours, only to find out that you can pretty much do the same thing with media queries with a tiny fraction of the effort... eugh.
@shubhamchaturvedi860
@shubhamchaturvedi860 2 жыл бұрын
And every time you want to add a new theme, you have to modify all the components scss by adding a new class attribute for the new theme name. That's not a good approach.😥
@tenacity_dev
@tenacity_dev 2 жыл бұрын
Just add the new theme styles in _reset.scss for the new them and you can switch it easily. Write an optimization or a better approach in the comments if you have a good idea too.
@Gui-sector7
@Gui-sector7 2 жыл бұрын
Thank you for your video! Why my code writes an error about "children" thing, I don't understang the error here tbh, I just writed the same thing as you did, but still get the error :/
@khakisuitvalentino7630
@khakisuitvalentino7630 Жыл бұрын
Having the same problem :(
@Gui-sector7
@Gui-sector7 Жыл бұрын
@@khakisuitvalentino7630 I can help you, I could correct the error, when I re-open my project I will tell you cause I don't remember right now ^^
Build a dark mode light mode in reactjs with context api
29:20
Hitesh Choudhary
Рет қаралды 32 М.
Create a color theme mixin with Sass
11:35
Kevin Powell
Рет қаралды 41 М.
А я думаю что за звук такой знакомый? 😂😂😂
00:15
Денис Кукояка
Рет қаралды 2,2 МЛН
React and Sass Tutorial - Intro to SASS
26:07
PedroTech
Рет қаралды 99 М.
Light / Dark Mode Toggle In React Tutorial
16:02
PedroTech
Рет қаралды 100 М.
You’re doing dark mode wrong!
7:54
Coding in Public
Рет қаралды 54 М.
Learn Sass In 20 Minutes | Sass Crash Course
19:42
developedbyed
Рет қаралды 941 М.
Next.js unit tests with Jest and Testing Library typescript
17:32
How to Implement Dark Mode in React/Next.js Using Sass
6:11
CodeSnaps
Рет қаралды 3,1 М.
Setup React CSS Modules (with SASS, multiple classes and more)
13:17
How to use Sass in React with Vite
3:56
Devtamin
Рет қаралды 24 М.
React Project: Creating a dark mode toggle using the Context API
23:52
Code With Bubb
Рет қаралды 4,3 М.