Styled Components

These lessons cover converting a React app from using traditional CSS loaded from a file to styled components.

Watch User Created Playlist (2)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

Style a React component with styled-components

P

Style the body element with styled-components and "injectGlobal"

react tutorial about Style a React component with styled-components

Style a React component with styled-components

3:04 react PRO

In this lesson, we remove the mapping between a React component and the styles applied to it via classnames. We write our styles directly within the component, in a real CSS syntax, with the full power of JavaScript.

react tutorial about Style the body element with styled-components and "injectGlobal"

Style the body element with styled-components and "injectGlobal"

0:52 react

In this lesson, we see how we can apply styles globally with the "injectGlobal" helper method in styled-components. This method allows us to apply styles on the body element, which cannot be wrapped in a styled-component.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?