Material-UI component library

Material-UI is the React component library that implements Google's material design. It contains a lot of different components, such as buttons, lists, tables, and cards, that you can use to achieve a nice and uniform UI. We will create a small shopping list app and style the user interface using Material-UI components:

  1. Create a new React app called shoppinglist :
npx create-react-app shoppinglist
  1. Open the shopping list app with VS Code. Install Material-UI by typing the following command in the project root folder to PowerShell or any suitable terminal you are using:
npm install @material-ui/coreOR with yarnyarn add @material-ui/core
  1. Open the App.js file and remove all the code inside the App div. Now, ...

Get Hands-On Full Stack Development with Spring Boot 2 and React - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial