React, Components & CSS Modules: Local vs Global CSS

Опубликовано: 22 Апрель 2023
на канале: Fabio Biondi - Front-End Tutorials
1,153
43

Esistono molte strategie e librerie famosissime per gestire il CSS in applicazioni React, solo per citarne alcune "styled components" o "emotion", ma sono molto invasive, creano un debito tecnico e stravolgono totalmente la fisionomia dei vostri componenti React.

Ho creato quindi un semplice video per comprendere le differenze tra la gestione di CSS globale e la creazione di CSS locali accessibili solo da specifici componenti tramite l'utilizzo di CSS module.

CSS module è una tecnica gestita direttamente tramite una semplice configurazione del module bundler, come WebPack (usato in CRA), Vite ma supportato anche da Next, che simula CSS locale rinominando le classi in fase di build, assegnando un nome univoco e rendendole accessibili solo ai componenti che le importano.

---

➡️ Vuoi saperne di più su React ? ⬅️

Potrebbe interessarti il mio video corso
"React Pro: creare real world applications"
https://www.fabiobiondi.dev/video-cou...


Смотрите видео React, Components & CSS Modules: Local vs Global CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Fabio Biondi - Front-End Tutorials 22 Апрель 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,15 раз и оно понравилось 4 людям.