Implement CSS Framework With React (frontend)

[sternmd]

CSS frameworks provide a basic structure for designing consistent solutions to tackle common recurring issues across front end web development. We should think about which framework we want to implement, especially if there is no design for this app.

I did some research and found some CSS frameworks for React:

• Bulma - my personal fav 😎
• Material UI
• React Strap
• Semantic UI
• Foundation

[dbmzzo]

👍 for Bulma, which seems appropriately lightweight for a smaller project like this. I've also been curious about giving https://tailwindcss.com a shot, but know that utility classes are controversial.

[chrisandrewca]

I'm pretty sure Semantic UI is dead after checking out the github issues. Fomantic UI is a fork but seems to be getting stale as well.

+1 for Bulma too. It seems to strike the right balance.

[sternmd]

Sounds good everyone, lets go with Bulma. Should we implement pure bulma/node-sass or something like react-bulma-components? The former may be easier to customize/override styles, the latter is more modular/component-driven. Thoughts?

[chrisandrewca]

Node-sass let’s us import only what we need and customize it to fit the brand. I vote for that one.

[sternmd]

Ok, I am adding this issue to Sprint 1 2020 & will implement bulma/node-sass via branch: fe-test-branch

[sternmd]

Merged -> closing