React Material-UI Cookbook

Name: React Material-UI Cookbook
Brand: Packt
SKU: 97817896152279781789610222
Price: 27.99 USD
Availability: InStock

Adam Boduch

March 30, 2019

534 pages

16 hours 1 minute

Develop modern-day applications by implementing Material Design principles in React using Material-UI

Quick links:

Description
Table of Contents
Reviews
Authors

Skip to the end of the images gallery

Skip to the beginning of the images gallery

Read Now Look inside

Description

More Information
Learn	Build the overall structure and navigation for your Material-UI app Present simple and complex information in a variety of ways Develop interactive and intuitive controls Group content into sections using tabs and expansion panels Create a general page layout with Material-UI grids Use lists for complex data, and cards for detailed information
About	Material-UI is a component library for rendering UI elements, using modern best practices from React and Material Design. This book will show you how you can create impressive and captivating modern-day web apps by implementing Material Design considerations. The book is designed to help you use a variety of Material-UI components to enhance UI functionality, along with guiding you through React best practices, and using state, context, and other new React 16.8 features. You will start with layout and navigation, exploring the Grid component and understanding how it’s used to build layouts for your Material-UI apps. Using Material-UI components, you’ll then explore the technique of effectively presenting information. In later sections, you will also learn about the different components for user interactions such as the text input component and buttons. Finally, the book will get you up to speed with customizing the look and feel of your app, right from creating a Material-UI theme through to styling icons and text. By the end of this book, you will have developed the skills you need to improve the look and feel of your applications using Material-UI components.
Features	Use React components to build intuitive UI elements Explore a variety of styles and themes in the Material-UI framework using React components Learn practical React recipes and best practices for building modern web applications
Page Count	534
Course Length	16 hours 1 minute
ISBN	9781789615227
Date Of Publication	30 Mar 2019

Table of contents

1 Grids - Placing Components on the Page

Introduction
Applying breakpoints
Filling space
Abstracting containers and items
Fixed column layout
Changing column direction

2 App Bars - The Top Level of Every Page

Introduction
Fixed position
Hide on scroll
Toolbar abstraction
With navigation

3 Drawers - A Place for Navigation Controls

Introduction
Drawer types
Drawer item state
Drawer item navigation
Drawer sections
AppBar interaction

4 Tabs - Grouping Content into Tab Sections

Introduction
AppBar integration
Tab alignment
Rendering tabs based on state
Abstracting tab content
Tab navigation with routes

5 Expansion Panels - Group Content into Panel Sections

Introduction
Stateful expansion panels
Formatting panel headers
Scrollable panel content
Lazy loading panel content

6 Lists - Display Simple Collection Data

Introduction
Using state to render list items
List icons
List avatars and text
List sections
Nested lists
List controls
Scrolling lists

7 Tables - Display Complex Collection Data

Introduction
Stateful tables
Sortable columns
Filtering rows
Selecting rows
Row actions

8 Cards - Display Detailed Information

Introduction
Main content
Card header
Performing actions
Presenting media
Expandable cards

9 Snackbars - Temporary Messages

Introduction
Snackbar content
Controlling visibility with state
Snackbar transitions
Positioning snackbars
Error boundaries and error snackbars
Snackbars with actions
Queuing snackbars

10 Buttons - Initiating Actions

Introduction
Button variants
Button emphasis
Link buttons
Floating actions
Icon buttons
Button sizes

11 Text - Collecting Text Input

Introduction
Controlling input with state
Placeholder and helper text
Validation and error display
Password fields
Multiline input
Input adornments
Input masking

12 Autocomplete and Chips - Text Input Suggestions for Multiple Items

Introduction
Building an Autocomplete component
Selecting autocomplete suggestions
API-driven Autocomplete
Highlighting search results
Standalone chip input

13 Selection - Make Selections from Choices

Introduction
Abstracting checkbox groups
Customizing checkbox items
Abstracting radio button groups
Radio button types
Replacing checkboxes with switches
Controlling selects with state
Selecting multiple items

14 Pickers - Selecting Dates and Times

Introduction
Using date pickers
Using time pickers
Setting initial date and time values
Combining date and time components
Integrating other date and time packages

15 Dialogs - Modal Screens for User Interactions

Introduction
Collecting form input
Confirming actions
Displaying alerts
API integration
Creating fullscreen dialogs
Scrolling dialog content

16 Menus - Display Actions That Pop Out

Introduction
Composing menus with state
Menu scrolling options
Using menu transitions
Customizing menu items

17 Typography - Control Font Look and Feel

Introduction
Types of typography
Using theme colors
Aligning text
Wrapping text

18 Icons - Enhance Icons to Match Your Look and Feel

Introduction
Coloring icons
Scaling icons
Dynamically loading icons
Themed icons
Installing more icons

19 Themes - Centralize the Look and Feel of Your App

Introduction
Understanding the palette
Comparing light and dark themes
Customizing typography
Nesting themes
Understanding component theme settings

20 Styles - Applying Styles to Components

Introduction
Basic component styles
Scoped component styles
Extending component styles
Moving styles to themes
Other styling options

Authors

Adam Boduch

Adam Boduch has been involved with large-scale JavaScript development for nearly 10 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. He is the author of several JavaScript books, including React and React Native, by Packt Publishing and is passionate about innovative user experiences and high performance.