Notes by Emily Seibert( PT instructor :) )

Last Class

• useEffect for API calls and when to use dependency arrays
• side effects and how to clean them to prevent memory leaks

<aside> ❓ Any questions from the last class that you'd like to review?

</aside>

Today's Class

• bootstrap a React application with Create React App (end of class)
• understand how to style React components using Reactstrap (which is a UI library)
  • rebuild last guided project together
  • similar to bootstrap
• use styled-components to add functional styles to their React Components
  • React library - create CSS classes in JS

Reactstrap Guided Project

Starter code

Solution code

Today's Goal: Restyle with ReactStrap. Components, pre-styled, are imported when we use this library.

Why Reactstrap? Bootstrap/Reactstrap is a useful tool that companies use for internal systems when design does not need to be unique, or for prototyping, when design is not imperative and the focus is on functionality.

We're going to use the Reactstrap Card to restyle our project.

Looking at the different varieties of Card, we'll want the following in our application or something similar: