Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

React Material-UI Cookbook

You're reading from React Material-UI Cookbook Build captivating user experiences using React and Material-UI

Product type Paperback

Published in Mar 2019

Publisher Packt

ISBN-13 9781789615227

Length 534 pages

Edition 1st Edition

Languages

JavaScript

Tools

Material-UI

Concepts

Front End Web Development

Author (1):

Adam Boduch

View More author details

Table of Contents (22) Chapters

Preface

1. Grids - Placing Components on the Page

2. App Bars - The Top Level of Every Page FREE CHAPTER

3. Drawers - A Place for Navigation Controls

4. Tabs - Grouping Content into Tab Sections

5. Expansion Panels - Group Content into Panel Sections

6. Lists - Display Simple Collection Data

7. Tables - Display Complex Collection Data

8. Cards - Display Detailed Information

9. Snackbars - Temporary Messages

10. Buttons - Initiating Actions

11. Text - Collecting Text Input

12. Autocomplete and Chips - Text Input Suggestions for Multiple Items

13. Selection - Make Selections from Choices

14. Pickers - Selecting Dates and Times

15. Dialogs - Modal Screens for User Interactions

16. Menus - Display Actions That Pop Out

17. Typography - Control Font Look and Feel

18. Icons - Enhance Icons to Match Your Look and Feel

19. Themes - Centralize the Look and Feel of Your App

20. Styles - Applying Styles to Components

21. Other Books You May Enjoy

Leave a review - let other readers know what you think

Introduction

Material-UI grids are used to control the layout of screens in your app. Rather then implement your own styles to manage the layout of your Material-UI components, you can leverage the Grid component. Behind the scenes, it uses CSS flexbox properties to handle flexible layouts.

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Adam Boduch

Adam Boduch

Adam Boduch has been involved in large-scale JavaScript development for nearly 15 years. Before moving to the frontend, he worked on several large-scale cloud computing products using Python and Linux. No stranger to complexity, Adam has practical experience with real-world software systems and the scaling challenges they pose.

See other products by Adam Boduch

Other recommended products

Related to this chapter

Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

Hands-On Full Stack Development with Spring Boot 2 and React

Hands-On Full Stack Development with Spring Boot 2 and React

Spring Boot and React allows us to build powerful Full Stack applications. This comprehensive guide demonstrates how to build up a modern full stack app in practice. The front-end is developed by using React which is a modern JavaScript library for building fast and reliable user interfaces. By the end of this book, you will master the process of full stack development by leveraging Spring Boot and React.

May 2019 10h 32m

Hands-On Full Stack Development with Spring Boot 2.0 and React

Hands-On Full Stack Development with Spring Boot 2.0 and React

This book will help you delve into full-stack development effectively. You'll grasp the techniques you need to know to build robust full-stack applications using Spring Boot and React.

Jun 2018 10h 4m

Hands-On Full Stack Development with Spring Boot 2.0 and React

Hands-On Full Stack Development with Spring Boot 2.0 and React

This book will help you delve into full-stack development effectively. You'll grasp the techniques you need to know to build robust full-stack applications using Spring Boot and React.

Jun 2018 10h 4m

Hands-On Full Stack Development with Spring Boot 2.0 and React

Hands-On Full Stack Development with Spring Boot 2.0 and React

This book will help you delve into full-stack development effectively. You'll grasp the techniques you need to know to build robust full-stack applications using Spring Boot and React.

Jun 2018 10h 4m

Hands-On Full Stack Development with Spring Boot 2.0 and React

Hands-On Full Stack Development with Spring Boot 2.0 and React

This book will help you delve into full-stack development effectively. You'll grasp the techniques you need to know to build robust full-stack applications using Spring Boot and React.

Jun 2018 10h 4m

Hands-On Full Stack Development with Spring Boot 2.0 and React

Hands-On Full Stack Development with Spring Boot 2.0 and React

This book will help you delve into full-stack development effectively. You'll grasp the techniques you need to know to build robust full-stack applications using Spring Boot and React.

Jun 2018 10h 4m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m