Skip to content

Instantly share code, notes, and snippets.

@mschneider247

mschneider247/material_ui.md

Last active March 5, 2020 23:48
Show Gist options
  • Save mschneider247/7215cd3118fc060250a402df43f702b0 to your computer and use it in GitHub Desktop.
Save mschneider247/7215cd3118fc060250a402df43f702b0 to your computer and use it in GitHub Desktop.
Download ZIP
A quick start guide to using Material-UI for React
Raw
material_ui.md

Getting started with Material-UI, or Material Design

Introduced by Google in 2014, design language that is very popular for web and mobile apps. Very easy to use along with React. Library is called material-ui this provides a library of different react components for quickly building out polished User Interfaces.

Full documentation at material-ui.com

npx create-react-app [your_app_name]

cd [your_app_name]

npm i @material-ui/core

Material-UI is developed with a mobile first perspective. Because of this, remember to add a meta tag to your head element to allow for responsive media queries as device size scales up.

<meta
  name="viewport"
  content="minimum-scale=1, initial-scale=1, width=device-width"
/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment