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 FREE CHAPTER

2. Chapter 1: Why React?

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

9

User Interface Framework Components

When you are developing a React application, it's typical to rely on an existing UI library rather than to build one from scratch. There are lots of React UI component libraries available to choose from, and there's no wrong choice, as long as the components make your life simpler.

In this chapter, we delve into the Material UI React library, a popular choice for React development. Material UI stands out due to its comprehensive suite of customizable components, adherence to Google's Material Design principles, and extensive documentation, making it an optimal choice for developers seeking efficiency and aesthetic coherence in their UI design. Here are the specific topics that we'll cover: