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-cou...
Watch video React, Components & CSS Modules: Local vs Global CSS online without registration, duration hours minute second in high quality. This video was added by user Fabio Biondi - Front-End Tutorials 22 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,15 once and liked it 4 people.