# Components

## Structure

Components should be organized as such:
* componentName.tsx - The react component logic
* componentName.sass - The style around the component

## Logic

[Won't someone _please_ thinks of the reusability?](https://www.youtube.com/watch?v=Qh2sWSVRrmo)

Please try to break components down into pieces that'll be reusable.

Please don't add unnecessary state to your components. That'll make future you
sad.

Please don't go crazy with overriding styles. That'll make the team that is
dedicated to making Twitch look awesome sad.
