Search icon Close icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Checkout

Change country

Modal Close icon
Country selected Country selected
country flag United States
Country selected
country flag Great Britain
Country selected
country flag India
Country selected
country flag Germany
Country selected
country flag France
Country selected
country flag Canada
Country selected
country flag Russia
Country selected
country flag Spain
Country selected
country flag Brazil
Country selected
country flag Australia
Country selected
country flag Singapore
Country selected
country flag Canary Islands
Country selected
country flag Hungary
Country selected
country flag Ukraine
Country selected
country flag Luxembourg
Country selected
country flag Estonia
Country selected
country flag Lithuania
Country selected
country flag South Korea
Country selected
country flag Turkey
Country selected
country flag Switzerland
Country selected
country flag Colombia
Country selected
country flag Taiwan
Country selected
country flag Chile
Country selected
country flag Norway
Country selected
country flag Ecuador
Country selected
country flag Indonesia
Country selected
country flag New Zealand
Country selected
country flag Cyprus
Country selected
country flag Denmark
Country selected
country flag Finland
Country selected
country flag Poland
Country selected
country flag Malta
Country selected
country flag Czechia
Country selected
country flag Austria
Country selected
country flag Sweden
Country selected
country flag Italy
Country selected
country flag Egypt
Country selected
country flag Belgium
Country selected
country flag Portugal
Country selected
country flag Slovenia
Country selected
country flag Ireland
Country selected
country flag Romania
Country selected
country flag Greece
Country selected
country flag Argentina
Country selected
country flag Netherlands
Country selected
country flag Bulgaria
Country selected
country flag Latvia
Country selected
country flag South Africa
Country selected
country flag Malaysia
Country selected
country flag Japan
Country selected
country flag Slovakia
Country selected
country flag Philippines
Country selected
country flag Mexico
Country selected
country flag Thailand
Country selected
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Events
Videos
Audiobooks
Packt Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Arrow up icon
GO TO TOP
React and React Native

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

Arrow left icon
Product type Paperback
Published in Apr 2026
Publisher Packt
ISBN-13 9781837020294
Length 578 pages
Edition 6th Edition
Languages
Tools
Concepts
Arrow right icon
Authors (3):
Arrow left icon
Mikhail Sakhniuk Mikhail Sakhniuk
Author Profile Icon Mikhail Sakhniuk
Mikhail Sakhniuk
LinkedIn
Mikhail Sakhniuk is a seasoned software engineer specializing in TypeScript, React, and React Native. With extensive experience in developing web and mobile applications, he has worked for start-ups, fintech companies, and product companies serving millions of users. Currently, Mikhail holds a Principal Frontend Engineer position at KappaPay. In addition to his professional work, he actively contributes to the developer community by maintaining several open-source projects and sharing his knowledge through books and articles.
Read more
See other products by Mikhail Sakhniuk
Rodrigo Lobenwein Rodrigo Lobenwein
Author Profile Icon Rodrigo Lobenwein
Rodrigo Lobenwein
LinkedIn
Rodrigo Lobenwein is a Tech Lead and full-stack engineer who works with React, TypeScript, .NET, and modern cloud architectures. He transitioned to tech after 15 years of leading sales and business teams, bringing an analytical mindset and a product-oriented perspective. Throughout his career, in tech and before it, Rodrigo has been the person teams turn to when they need something explained clearly. This book is a natural extension of that instinct: building solid foundations, one concept at a time.
Read more
See other products by Rodrigo Lobenwein
Adam Boduch Adam Boduch
Author Profile Icon 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.
Read more
See other products by Adam Boduch
Arrow right icon
View More author details
Toc

Table of Contents (35) Chapters Close

Preface 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 33. Other Books You May Enjoy
34. Index

Technical requirements

Most of the code shown in this chapter refers only to component files. For a complete reference, check out the repository at the following link: https://github.com/PacktPublishing/React-and-React-Native-6E/tree/main/Chapter09.

You can also find more information about Material UI components and its API at https://mui.com/material-ui/.

lock icon The rest of the chapter is locked
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
React and React Native
arrow left Previous Section
Section 2 of 7
Next Section arrow right
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.
Sign up now
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 (3)

Left arrow icon
Profile icon Mikhail Sakhniuk
Mikhail Sakhniuk
LinkedIn icon Github icon
Mikhail Sakhniuk is a seasoned software engineer specializing in TypeScript, React, and React Native. With extensive experience in developing web and mobile applications, he has worked for start-ups, fintech companies, and product companies serving millions of users. Currently, Mikhail holds a Principal Frontend Engineer position at KappaPay. In addition to his professional work, he actively contributes to the developer community by maintaining several open-source projects and sharing his knowledge through books and articles.
Read more
See other products by Mikhail Sakhniuk
Profile icon Rodrigo Lobenwein
Rodrigo Lobenwein
LinkedIn icon Github icon
Rodrigo Lobenwein is a Tech Lead and full-stack engineer who works with React, TypeScript, .NET, and modern cloud architectures. He transitioned to tech after 15 years of leading sales and business teams, bringing an analytical mindset and a product-oriented perspective. Throughout his career, in tech and before it, Rodrigo has been the person teams turn to when they need something explained clearly. This book is a natural extension of that instinct: building solid foundations, one concept at a time.
Read more
See other products by Rodrigo Lobenwein
Profile icon 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.
Read more
See other products by Adam Boduch
Right arrow icon

Personalised recommendations for you

Based on your interests and search pattern
Left arrow icon
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
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.
Read more
Jun 2024 16h 56m
Mastering Node.js Web Development
Mastering Node.js Web Development
Read more
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.
Read more
Jun 2024 25h 56m
Reactive Patterns with RxJS and Angular Signals
Reactive Patterns with RxJS and Angular Signals
Read more
This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.
Read more
Jul 2024 8h 28m
API Testing and Development with Postman
API Testing and Development with Postman
Read more
Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.
Read more
Jun 2024 11h 56m
FastAPI Cookbook
FastAPI Cookbook
Read more
This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.
Read more
Aug 2024 11h 56m
Mastering Spring Boot 3.0
Mastering Spring Boot 3.0
Read more
This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.
Read more
Jun 2024 8h 32m
Nuxt 3 Projects
Nuxt 3 Projects
Read more
This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.
Read more
Jun 2024 7h 40m
Vue.js 3 for Beginners
Vue.js 3 for Beginners
Read more
Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.
Read more
Sep 2024 10h 4m
Full-Stack Web Development with TypeScript 5
Full-Stack Web Development with TypeScript 5
Read more
The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.
Read more
Aug 2024 9h 4m
Mastering Flask Web and API Development
Mastering Flask Web and API Development
Read more
The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.
Read more
Aug 2024 16h 28m
Right arrow icon
Modal Close icon
Modal Close icon