Introduction to Material-UI

This will be a multi-part series covering simple components using Google’s Material-UI library with React. If there’s a topic you’d like to cover specifically, please leave a comment!

Material-UI logo

Brief Overview

Setting up Your Environment

Setting up CodeSandbox

Create Sandbox on CodeSandbox.io
Create Sandbox Menu
Dependencies Menu
@material-ui/core
@material-ui/icons
New Dependencies List

Setting up Locally

npm i --save @material-ui-core || npm install @material-ui/core
npm i --save @material-ui-icons || npm install @material-ui/icons
Importing a Component from MUI Core

Full stack web developer. Frontend and design enthusiast. Avid rock climber and amateur photographer.