React CSS

We will implement css and dynamic classes

Run the example app: npm run dev node index.js

Inspect the elements and see what styles are applied. What classes are on the elements?

We are using classnames to manage the list of classes we set on an element.

In this case whether or not we do that depends on state, specifically a boolean value.

classnames will take the boolean and produce the class string with the class name in it when it recieves a true value.

Clone the react repo into a named folder:

$ git clone https://github.com/wdi-sg/react-reference.git sass

Check out the hot laoding branch:

$ git checkout 4-react-sass

React SASS