React, Components & CSS Modules: Local vs Global CSS

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-courses/react-pro-real-world-applications

Видео React, Components & CSS Modules: Local vs Global CSS канала Fabio Biondi - Front-End Tutorials