Styling React Components
In this video, you will learn how to style components using css modules, and sass. You will also learn how to override the styling of a component, using inline css, and css/sass modules.
Become a patreon supporter and get early access to new content
Patreon: / digital_logic
timecodes:
00:00 - Intro
00:23 - Project Setup
01:31 - Use a CSS Normalizer
02:50 - Create a Toggle Component
04:58 - Style the Toggle Component
08:45 - Assign Multiply Classes to a Component
09:00 - Conditional Assign a CSS Class to a Component
09:31 - Use ClassNames to Assign Classes to a Component
10:34 - Overriding CSS Styles
10:44 - Override Styles with In-line CSS
12:46 - Override Styles with CSS Modules
16:21 - How to Override Styling on Complex Components
16:29 - Create an Input Component
27:10 - Override Styles on the Input Component
Music In Order
Future Glider - Brian Bolger
• Video
Warm Memories - Emotional Inspiring Piano by Keys of Moon | / keysofmoon
Attribution 4.0 International (CC BY 4.0)
https://creativecommons.org/licenses/...
Music promoted by https://www.chosic.com/free-music/all/
Motivational Ambient | ALONE by Alex-Productions | https://onsound.eu/
Music promoted by https://www.chosic.com/free-music/all/
Creative Commons CC BY 3.0
https://creativecommons.org/licenses/...
Heroism by MaxKoMusic | https://maxkomusic.com/
Music promoted by https://www.chosic.com/free-music/all/
Creative Commons Attribution-ShareAlike 3.0 Unported
https://creativecommons.org/licenses/...
Inspirational Breakthrough by Shane Ivers - https://www.silvermansound.com
Licensed under Creative Commons Attribution 4.0 International License
https://creativecommons.org/licenses/...
Music promoted by https://www.chosic.com/free-music/all/
Reaching The Sky (Long Version) by Alexander Nakarada | https://www.serpentsoundstudios.com
Music promoted by https://www.chosic.com/free-music/all/
Attribution 4.0 International (CC BY 4.0)
https://creativecommons.org/licenses/...
Adventure by Alexander Nakarada | https://www.serpentsoundstudios.com
Music promoted by https://www.chosic.com/free-music/all/
Attribution 4.0 International (CC BY 4.0)
https://creativecommons.org/licenses/...
Music: Precious Memories by Shane Ivers - https://www.silvermansound.com
Licensed under Creative Commons Attribution 4.0 International License
https://creativecommons.org/licenses/...
Music promoted by https://www.chosic.com/free-music/all/
Sad Piano by LesFM | https://lesfm.net/
Music promoted by https://www.chosic.com/free-music/all/
Creative Commons CC BY 3.0
https://creativecommons.org/licenses/...
I Remember Everything by LesFM | https://lesfm.net/
Music promoted by https://www.chosic.com/free-music/all/
Creative Commons CC BY 3.0
https://creativecommons.org/licenses/...