React and React Native - Fourth Edition: Build cross-platform JavaScript applications with native power for the web, desktop, and mobile

by Adam Boduch, Roy Derks, Mikhail Sakhniuk

Overview

PUBLISHER'S NOTE: An updated 2024 edition of this book, with new emphasis on TypeScript, is now available.

• 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

Over the years, React and React Native has proven itself among JavaScript developers as a popular choice for a complete and practical guide to the React ecosystem. This fourth edition comes with the latest features, enhancements, and fixes to align with React 18, while also being compatible with React Native. It includes new chapters covering critical features and concepts in modern cross-platform app development with React. From the basics of React to popular components such as Hooks, GraphQL, and NativeBase, this definitive guide will help you become a professional React developer in a step-by-step manner. 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 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.

• 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

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.

Product Details

ISBN-13:	9781803231280
Publisher:	Packt Publishing
Publication date:	05/30/2022
Edition description:	4th ed.
Pages:	606
Product dimensions:	7.50(w) x 9.25(h) x 1.22(d)

About the Author

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.

Roy Derks is a serial start-up CTO, international speaker, and author from the Netherlands. He has been working with React, React Native, and GraphQL since 2016. You might know him from the book “React Projects – Second Edition”, which was released by Packt earlier this year. Over the last few years, he has inspired tens of thousands of developers worldwide through his talks, books, workshops, and courses.

Mikhail Sakhniuk is Software Engineer with high proficiency in JavaScript, React and React Native. He has more than 5 years of experience in developing web and mobile applications. He has worked for startups, fintech companies, and product companies with more than 20 million users. Currently, Mikhail is working at Miro as a Frontend Engineer. In addition, he owns and maintains a few open-source projects. He also shares his experience and knowledge through books and articles.

Table of Contents

• Why React?

• Rendering with JSX

• Component Properties, State, and Context

• Getting Started with Hooks

• Event Handling, the React Way

• Crafting Reusable Components

• The React Component Life Cycle

• Validating Component Properties

• Handling Navigation with Routes

• Code Splitting Using Lazy Components and Suspense

• Server-Side React Components

• User Interface Framework Components

• High-Performance State Updates

• Why React Native?

• React Native Under the Hood

• Kick-Starting React Native Projects

• Building Responsive Layouts with Flexbox

• Navigating Between Screens

• Rendering Item Lists

• Showing Progress

• Geolocation and Maps

• Collecting User Input

• Displaying Modal Screens

• Responding to User Gestures

• Using Animations

• Controlling Image Display

• Going Offline

• Selecting Native UI Components Using NativeBase

• Handling Application State

• Why GraphQL?

• Building a GraphQL React App