React styled components / styled-components [V5 EDITION]

Ditch CSS stylesheets! Learn CSS in JS to quickly and cleanly style React components with the styled components library

Created by: Tom Phillips
Fast-paced information-dense courses for busy web developers

Created by: WebDevEducation (Tom Phillips)
Fast-paced information-dense courses for busy web developers

What Will I Learn?

• Increase your value as a React developer.
• Convert or create new React apps using the the CSS-in-JS styled-components library.
• Style React apps using a newer, cleaner, and more efficient method with Styled Components.
• Use Animations with styled components
• Create component variations using props (e.g. large / small / primary / secondary Button)
• Create different themes with a theme toggle component to apply a light & dark theme
• Implement third party fonts using Google fonts
• Learn how styled components can interact with ordinary React components & React hooks
• Create a mobile-first responsive layout

Requirements

• You should already know some simple ES6 syntax and already have worked with the React framework.

Target audience

• React developers using traditional styling with CSS or SASS stylesheets who want to learn a better and cleaner approach; using the CSS-in-JS React styled-components library.