React styled-components v5 (2021 edition)

React styled-components v5 (2020 edition), Ditch CSS stylesheets! Learn CSS in JS to quickly and cleanly style React components with the styled-components library
Created by
Tom Phillips
English
English [Auto]

PREVIEW THIS COURSE - GET COUPON CODE

What you'll 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

More Courses by Tom Phillips

Redux Saga with React: Fast-track Redux Saga intro course

QUICKEST way to understand and get up and running with Redux Sagas and start implementing in React and Redux projects.

Gatsby JS & Firebase: HYBRID Gatsby realtime + static sites

Build Gatsby JS static sites with realtime firestore, cloud functions, storage, auth, Gatsby + React hooks & GraphQL!

Gatsby JS: Build static sites with React Wordpress & GraphQL

The Gatsby & WordPress stack! Learn Gatsby and generate super-fast Gatsby static sites with a WordPress backend