Material UI component library

Material UI is the React component library that implement Google's Material Design. It contains lots of different components, such as buttons, lists, tables, and cards, which you can use to get a nice and uniform user interface. We will continue with the shopping list app and start to style the user interface with Material UI:

  1. Open the shopping list app with VS Code. Install Material UI by typing the following command in the root folder to PowerShell or any suitable terminal you are using:
npm install @material-ui/core --saveOR with yarnyarn add @material-ui/core
  1. We are ready to start to using the Material UI components. We will first change the buttons in the AddItem.js file to use the Material UI Button ...

Get Hands-On Full Stack Development with Spring Boot 2.0 and React 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