Summary
In this chapter, we learned about different approaches to styling a React app. We now understand that CSS-in-JS libraries automatically scope styles to components and allow us to use dynamic variables within styles.
We understand how to use the Emotion CSS-in-JS library to style React components using its css prop. We can style a pseudo-class by nesting it within the css prop style string.
We know how to create reusable styled components using the styled function in Emotion. These can be consumed as regular React components in our app.
In the next chapter, we are going to add more pages to our app and learn how to implement client-side routing to these pages.
