You're reading from React and React Native Build cross-platform JavaScript and TypeScript apps for web and mobile

Product type Paperback

Published in Apr 2026

Publisher Packt

ISBN-13 9781837020294

Length 578 pages

Edition 6th Edition

Languages

JavaScript

Tools

React

Concepts

Front End Web Development

Authors (3):

Mikhail Sakhniuk

Rodrigo Lobenwein

Adam Boduch

View More author details

Table of Contents (35) Chapters

Preface

Free benefits with your book

1. Part 1: React

2. Chapter 1: Why React? FREE CHAPTER

3. Chapter 2: Rendering with JSX

4. Chapter 3: Understanding React Components and Hooks

5. Chapter 4: Event Handling in the React Way

6. Chapter 5: Crafting Reusable Components

7. Chapter 6: Type-Checking and Validation with TypeScript

8. Chapter 7: Handling Navigation with Routes

9. Chapter 8: Code Splitting Using Lazy Components and Suspense

10. Chapter 9: User Interface Framework Components

11. Chapter 10: High-Performance State Updates

12. Chapter 11: Fetching Data from a Server

13. Chapter 12: State Management in React

14. Chapter 13: Server-Side Rendering

15. Chapter 14: Unit Testing in React

16. Part 2: React Native

17. Chapter 15: Why React Native?

18. Chapter 16: React Native Under the Hood

19. Chapter 17: Kick-Starting React Native Projects

20. Chapter 18: Building Responsive Layouts with Flexbox

21. Chapter 19: Navigating Between Screens

22. Chapter 20: Rendering Item Lists

23. Chapter 21: Geolocation and Maps

24. Chapter 22: Collecting User Input

25. Chapter 23: Responding to User Gestures

26. Chapter 24: Showing Progress

27. Chapter 25: Displaying Modal Screens

28. Chapter 26: Using Animations

29. Chapter 27: Controlling Image Display

30. Chapter 28: Going Offline

31. Chapter 29: AI as a Learning Partner

32. Chapter 30: Unlock Your Exclusive Benefits

Unlock this Book's Free Benefits in 3 Easy Steps

33. Other Books You May Enjoy

34. Index

Layout and organization

Material UI excels in simplifying the complex process of designing application layouts. By offering a robust set of components, specifically containers and grids, it empowers developers to efficiently structure and organize UI elements. Containers serve as the foundation, providing a flexible way to encapsulate and align content within the overall layout. Grids, on the other hand, allow more granular control, enabling precise placement and alignment of components across different screen sizes, ensuring responsiveness and consistency. Material UI also includes the box component, a versatile container used in many parts of a layout.

This section aims to unpack the functionality of containers, grids, and boxes within Material UI. We'll explore how these tools can be leveraged to create intuitive and aesthetically pleasing layouts, which are crucial for enhancing user experience.