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

Поділитися
Вставка
  • Опубліковано 11 вер 2024

КОМЕНТАРІ • 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 роки тому +23

    Can you make a video on Shazam clone. Like how it recognises the audio and all using JS

  • @AslamD
    @AslamD 2 роки тому +9

    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!

  • @lilsafmusic
    @lilsafmusic 2 роки тому +1

    I have used this approach for react native.

  • @universecode1101
    @universecode1101 2 роки тому +1

    Another great way to use css inside a project 🔥 Next build Sonny? 😄

  • @zakuguriin4521
    @zakuguriin4521 Рік тому

    BEM + Sass = ❤️. Probably my #1 favorite style framework of all time

  • @philipmwangi5270
    @philipmwangi5270 2 роки тому +2

    Hello, what was the name of the VsCode Extension where you place the tab at the bottom?

  • @ThugLifeModafocah
    @ThugLifeModafocah 2 роки тому +1

    This is very cool indeed. Thanks again.

  • @loradio537
    @loradio537 2 роки тому +1

    Right now, what do you think is the best method of implementing CSS, Styled Components, CSS modules, or tailwind?

  • @kaveengunawardhane1616
    @kaveengunawardhane1616 2 роки тому +1

    Thank you sonny for this valuable video

  • @ant-dep
    @ant-dep 2 роки тому +1

    Thank you Sonny for this cristal clear explanation 👀 🔥

    • @encrystal
      @encrystal 2 роки тому

      It’s not the real Sony! Don’t call the number

  • @modinateniola772
    @modinateniola772 2 роки тому +1

    Papa, thank you for this...you at the best

  • @developerthing
    @developerthing 2 роки тому

    In Angular, it is called "View encapsulation
    ", and it works well for years now..

  • @luizcipriano9445
    @luizcipriano9445 2 роки тому +2

    What's the name of the extension to split the screen like he did ??

    • @s.mcosta
      @s.mcosta 2 роки тому +1

      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 :)))

  • @lawrencechan2927
    @lawrencechan2927 2 роки тому

    Thank you Sonny. That's useful

  • @lawrencemotions8720
    @lawrencemotions8720 2 роки тому

    Im super happy React and css good times !

  • @anantchandak9574
    @anantchandak9574 2 роки тому

    Now i get this channel and its amazing

  • @arinzeodukwe2862
    @arinzeodukwe2862 2 роки тому

    What camera do you use?

  • @solomonakinbiyi
    @solomonakinbiyi 2 роки тому

    This is awesome 🔥🔥🔥

  • @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

  • @realtorBG
    @realtorBG 2 роки тому +1

    u r great #PapaFam

  • @noobslayerxx3249
    @noobslayerxx3249 2 роки тому +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 ?

  • @bongskeleton8232
    @bongskeleton8232 2 роки тому

    Sir please bring some more cool react native projects

  • @exploit.6848
    @exploit.6848 2 роки тому +3

    More react clone content sonny

    • @exploit.6848
      @exploit.6848 2 роки тому

      @♖ 𝗽𝗶𝗻𝗻𝗲𝗱_by_Sonny Sangha SCAMMER

  • @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.

  • @dcr3q213
    @dcr3q213 2 роки тому

    yoooo sonny without fresh haircut whats goin on?????????

  • @riyadulislam2220
    @riyadulislam2220 2 роки тому

    Riyadul from Bangladesh 🇧🇩

  • @Reydraenei
    @Reydraenei 2 роки тому

    It is what Material UI has been doing for years right?

  • @ChadidiDev
    @ChadidiDev 2 роки тому

    Webflow 🙏

  • @beastnighttv
    @beastnighttv 2 роки тому +1

    👍👍👍

  • @ddking-zr2gb
    @ddking-zr2gb 2 роки тому

    Hello

  • @bostd9596
    @bostd9596 2 роки тому

    love you make talegram clone