React Material UI: Theming (WIP)

Google’s Material Design and Facebook’s React are both most popular libraries used in web development. This post is about bringing the both together to work in harmony.

This post is work in progress and will be updated (last update: 04.04.2020 CET).

Base package for Material in React

First of all you would need following library installed in your project to get started with material in your react project.

npm install @material-ui/core

Material Color Palette

This tool is really great for getting along with the default material color palette. I can recommend the export to codepen to see the selected palette in action.

Example of export to codepen