Build modern day application by implementing Material Design principles in React applications using Material-UI.

Key Features

• Grasp the needs React components for UI elements
• Master the style and theme of the tools to go along with these components
• Get to grips with all the React best practices to build a modern application

Book Description

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 primary objective of this book is to help you use several Material-UI components to build larger UI functionality. We will also focus on React best practices in conjunction with Material-UI components – using state, context, and other new React 16.8 features properly. This book will start with layout and navigation and then dive into presenting the information with Material-UI components. It will then talk about the different components for user interactions. By the end of this book, you will know how to improve the look and feel of your applications using Material-UI components.

What you will learn

• Learn to build the overall structure and navigation for your Material-UI app
• Learn to present simple and complex information in a variety of ways
• Build interactive and intuitive controls
• Design portable themes and styles for all of your Material-UI apps
• Group content into sections using tabs and expansion panels
• Learn how to design a general page layout with Material-UI grids
• Use lists for complex data, and cards for detailed information

Who this book is for

They are JavaScript developers who have some basic knowledge of React and would want to implement Material Design principles in React applications using Material-UI. The reader wants to build a user interface using React components but doesn't want to invent their own style or UX framework.

Osoby które kupowały "React Material-UI Cookbook", wybierały także:

• Superinteligencja. Scenariusze, strategie, zagro 66,67 zÅ‚, (14,00 zÅ‚ -79%)
• Poradnik design thinking - czyli jak wykorzysta 48,28 zÅ‚, (14,00 zÅ‚ -71%)
• Kosymulacja. Elastyczne projektowanie i symulacja wielodomenowa 38,39 zÅ‚, (11,90 zÅ‚ -69%)
• F# 4.0 dla zaawansowanych. Wydanie IV 96,45 zÅ‚, (29,90 zÅ‚ -69%)
• Systemy reaktywne. Wzorce projektowe i ich stosowanie 65,31 zÅ‚, (20,90 zÅ‚ -68%)

Spis treści

React Material-UI Cookbook. Build captivating user experiences using React and Material-UI eBook -- spis treści

• 1. Grids – placing components on the page
• 2. App bars – the top level of every page
• 3. Drawers – a place for navigation controls
• 4. Tabs – group 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 about what just happened
• 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 toward the user
• 17. Typography – control font look and feel
• 18. Icons – enhance icons to match your look and feel
• 19. Themes – centralize the look and feel aspects of your app
• 20. Styles – apply feature-specific styles to components