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: https://www.patreon.com/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
https://www.youtube.com/watch?v=KVVv8sg7L_4

Warm Memories - Emotional Inspiring Piano by Keys of Moon | https://soundcloud.com/keysofmoon
Attribution 4.0 International (CC BY 4.0)
https://creativecommons.org/licenses/by/4.0/
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/by/3.0/

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/by-sa/3.0/deed.en_US

Inspirational Breakthrough by Shane Ivers - https://www.silvermansound.com
Licensed under Creative Commons Attribution 4.0 International License
https://creativecommons.org/licenses/by/4.0/
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/by/4.0/

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/by/4.0/

Music: Precious Memories by Shane Ivers - https://www.silvermansound.com
Licensed under Creative Commons Attribution 4.0 International License
https://creativecommons.org/licenses/by/4.0/
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/by/3.0/

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/by/3.0/