❌ You’ve been writing CSS wrong all this time...

  Рет қаралды 28,805

Sonny Sangha

Sonny Sangha

Күн бұрын

Пікірлер: 41
@SonnySangha
@SonnySangha Жыл бұрын
📬Do you want DAILY coding problems sent DIRECTLY to your Inbox? (with solutions the next day) 👉 links.papareact.com/university
@aindrailsantra6886
@aindrailsantra6886 2 жыл бұрын
Can you make a video on Shazam clone. Like how it recognises the audio and all using JS
@AslamD
@AslamD 2 жыл бұрын
This becomes very easy in Vue JS with use of "scoped" style tag. Also if you are using just HTML, you can use .error for global styles and then .error--product for product specific styles by staying on BEM approach.
@nodvick
@nodvick Жыл бұрын
turned off my clickbait filter for youtube to see how bad it is after a few years. Emotes (like ❌,💯, 🚨, ❗,📩,💰, 🚀,👇🏻,🔥, 👉,🛠,🔴, etc.) in the title, description or channel description immediately filters videos out of all my feeds. would have missed your channel because of this. enjoyed the couple videos I watched so I wanted to leave a comment saying thank you for the content, that being said, filter is going back on. Its been fun, keep up the good work!
@ThugLifeModafocah
@ThugLifeModafocah 2 жыл бұрын
This is very cool indeed. Thanks again.
@lilsafmusic
@lilsafmusic 2 жыл бұрын
I have used this approach for react native.
@zakuguriin4521
@zakuguriin4521 Жыл бұрын
BEM + Sass = ❤️. Probably my #1 favorite style framework of all time
@kaveengunawardhane1616
@kaveengunawardhane1616 2 жыл бұрын
Thank you sonny for this valuable video
@universecode1101
@universecode1101 2 жыл бұрын
Another great way to use css inside a project 🔥 Next build Sonny? 😄
@philipmwangi5270
@philipmwangi5270 2 жыл бұрын
Hello, what was the name of the VsCode Extension where you place the tab at the bottom?
@modinateniola772
@modinateniola772 2 жыл бұрын
Papa, thank you for this...you at the best
@ant-dep
@ant-dep 2 жыл бұрын
Thank you Sonny for this cristal clear explanation 👀 🔥
@encrystal
@encrystal 2 жыл бұрын
It’s not the real Sony! Don’t call the number
@loradio537
@loradio537 2 жыл бұрын
Right now, what do you think is the best method of implementing CSS, Styled Components, CSS modules, or tailwind?
@lawrencechan2927
@lawrencechan2927 2 жыл бұрын
Thank you Sonny. That's useful
@lawrencemotions8720
@lawrencemotions8720 2 жыл бұрын
Im super happy React and css good times !
@luizcipriano9445
@luizcipriano9445 2 жыл бұрын
What's the name of the extension to split the screen like he did ??
@s.mcosta
@s.mcosta 2 жыл бұрын
no extension needed! just right click on the file you want to split and you can choose up, down, left or right :)
@luizcipriano9445
@luizcipriano9445 2 жыл бұрын
@@s.mcosta thks !! It worked :)))
@anantchandak9574
@anantchandak9574 2 жыл бұрын
Now i get this channel and its amazing
@developerthing
@developerthing 2 жыл бұрын
In Angular, it is called "View encapsulation ", and it works well for years now..
@solomonakinbiyi
@solomonakinbiyi 2 жыл бұрын
This is awesome 🔥🔥🔥
@arinzeodukwe2862
@arinzeodukwe2862 2 жыл бұрын
What camera do you use?
@rbedson8965
@rbedson8965 2 жыл бұрын
what if the two element that are inside different block but have same properties with only difference having color. so with css modules way we have to repeat the same code twice dont we? correct me if i am wrong, learning the new things #happyCoding
@shinovar5465
@shinovar5465 Жыл бұрын
Still haven't seen anyone talk about this, the whole point of DRY just gets blown away to smithereens if you have to copy paste same styles in all sheets
@kulvirsingh4568
@kulvirsingh4568 2 жыл бұрын
Sonny images are breaking when I retrieve them from firebase db in fb clone please help 🙏🙏🙏🙏
@lawrencemotions8720
@lawrencemotions8720 2 жыл бұрын
bruh you need to learn back end web development separately server and database im sure papa does an actually full stack or back end course the firebase stuff is for the content of the videos or it would be too complex and too long but if you want to actually get a job learn a lot of html and css and JavaScript then react, React.js is the fastest way in nobody uses tailwind css and not many places are actually looking for next.js because if your good at React.js then picking up next.js is nothing ,you got to get hot with html css and sass which is just css and JavaScript and React also nobody uses firebase apart for pet projects bro you have to learn master the common html css and javascript then master basic React that's it bro to save time i would leave back-end servers and back-end databases out until you start learning React React is basically Javascript and html hence jsx, writing html inside a javascript file which is a component and braking that down into component trees using React props super charges a basic javascript array of objects just leave it alone and get the course when you actually learn you don't get stuck on a request to a database for an image, also styling and css being able to recreate any page will get you very far you must be able to freely use css to be given a desin idea and to create it with html and css is html and a next js or react component is just a javascript file /component .its all html and JavaScript and css there are no shortcut i wasted time recreating other peoples low end one man projects instead of completing my basic courses but now i can recreate any website with just html and css i can style freely that is step one for self taught i learned js basics and now im learning react that was all i needed bruh instead i spent 6 months comping complex stuff build a few but keep learning html css and js all frame works and styling are still based on it react is just html inside a js file which usually isn't possible.
@bongskeleton8232
@bongskeleton8232 2 жыл бұрын
Sir please bring some more cool react native projects
@SonnySangha
@SonnySangha 2 жыл бұрын
I hear you. On the way!
@realtorBG
@realtorBG 2 жыл бұрын
u r great #PapaFam
@riyadulislam2220
@riyadulislam2220 2 жыл бұрын
Riyadul from Bangladesh 🇧🇩
@ChadidiDev
@ChadidiDev 2 жыл бұрын
Webflow 🙏
@exploit.6848
@exploit.6848 2 жыл бұрын
More react clone content sonny
@exploit.6848
@exploit.6848 2 жыл бұрын
@♖ 𝗽𝗶𝗻𝗻𝗲𝗱_by_Sonny Sangha SCAMMER
@beastnighttv
@beastnighttv 2 жыл бұрын
👍👍👍
@Reydraenei
@Reydraenei 2 жыл бұрын
It is what Material UI has been doing for years right?
@noobslayerxx3249
@noobslayerxx3249 2 жыл бұрын
I was using this but stopped cuz it was more code, I realise now why the classes were overlapping even if I didn't import that css file in that js file xD
@ahmedjaber8595
@ahmedjaber8595 Жыл бұрын
and what did you recommend to use instead of module.scss ?
@ddking-zr2gb
@ddking-zr2gb 2 жыл бұрын
Hello
@dcr3q213
@dcr3q213 2 жыл бұрын
yoooo sonny without fresh haircut whats goin on?????????
@bostd9596
@bostd9596 2 жыл бұрын
love you make talegram clone
The Easiest Way to Master CSS Flexbox...
26:31
Sonny Sangha
Рет қаралды 41 М.
Don't use Hooks in REACT without knowing this...
20:33
Sonny Sangha
Рет қаралды 56 М.
Пришёл к другу на ночёвку 😂
01:00
Cadrol&Fatich
Рет қаралды 10 МЛН
Learn to use State in React in 19 minutes (for beginners)
19:29
Sonny Sangha
Рет қаралды 86 М.
Why you should look into these React component styling options!
27:17
Learn how to use Props in React in 19 minutes (for beginners)
19:12
Sonny Sangha
Рет қаралды 148 М.
Learn JavaScript Destructuring in 20 minutes (For Beginners)
20:29
Sonny Sangha
Рет қаралды 18 М.
Getting started with CSS nesting
27:14
Kevin Powell
Рет қаралды 72 М.
Top 10 Best VS Code Extensions you NEED in 2022!
19:32
Sonny Sangha
Рет қаралды 66 М.
7 ways to deal with CSS
6:23
Fireship
Рет қаралды 1,1 МЛН
I WISH I Knew These Tailwind Tips Earlier
9:15
Theo - t3․gg
Рет қаралды 187 М.
Пришёл к другу на ночёвку 😂
01:00
Cadrol&Fatich
Рет қаралды 10 МЛН