Overview

Get up to speed with React and React Native to build cross-platform native applications with the help of practical examples

Key Features

• Discover React’s latest features including automatic state update batching and prioritizing state updates
• Get to grips with React architecture to write cross-platform apps using libraries such as NativeBase
• Understand GraphQL and Apollo for building a scalable backend for your applications

Book Description

React and React Native, the innovative user interface libraries made by Meta (formerly Facebook), are designed to help you build robust, cross-platform web and mobile applications.

In its fourth edition, this React and React Native book has been updated to cover the latest additions and developments in the React 18 ecosystem, while also being compatible with React Native. You'll begin by learning about the essential building blocks of React components. As you advance through the chapters, you'll work with higher-level functionalities in application development and then put your knowledge to work by developing user interface components for the web and native platforms. In the concluding chapters, you'll learn how to bring your application together with a robust data architecture.

By the end of this book, you'll be able to build React applications for the web and React Native applications for multiple mobile platforms with confidence.

What you will learn

• Explore React architecture, component properties, state, and context
• Work with React Hooks for handling functions and components
• Implement code splitting using lazy components and Suspense
• Build robust user interfaces for mobile and desktop apps using Material-UI
• Write shared components for Android and iOS apps using React Native
• Simplify layout design for React Native apps using NativeBase
• Write GraphQL schemas to power web and mobile apps
• Implement Apollo-driven components

Who This Book Is For

This book is for any JavaScript developer who wants to start learning how to use React and React Native for mobile and web application development. No prior knowledge of React is required, however working knowledge of JavaScript is necessary to be able to follow along the content covered.

Table of Contents

1. Why React?
2. Rendering with JSX
3. Component Properties, State, and Context
4. Getting Started with Hooks
5. Event Handling The React Way
6. Crafting Reusable Components
7. The React Component Lifecycle
8. Validating Component Properties
9. Handling Navigation with Routes
10. Code Splitting Using Lazy Components and Suspense
11. Server-Side React Components
12. User Interface Framework Components
13. High Performance State Updates
14. Why React Native?
15. React Native Under The Hood?
16. Kickstarting React Native Projects
17. Building Responsive Layouts with Flexbox
18. Navigating between Screens
19. Rendering Item Lists
20. Showing Progress
21. Geolocation and Maps
22. Collecting User Input
23. Displaying Modal Screens
24. Animations
25. Responding to User Gestures
26. Controlling Image Display
27. Going Offline
28. Selecting Native UI Components Using NativeBase
29. Handling Application State
30. Why Apollo?
31. Building an Apollo React App