Other Books You May Enjoy | React and React Native

Book Overview & Buying
Table Of Contents

React and React Native - Third Edition

By : Adam Boduch, Roy Derks

4.2 (10)

Buy this Book

React and React Native

4.2 (10)

By: Adam Boduch, Roy Derks

Buy this Book

Overview of this book

React and React Native, Facebook’s innovative User Interface (UI) libraries, are designed to help you build robust cross-platform web and mobile applications. This updated third edition is improved and updated to cover the latest version of React. The book particularly focuses on the latest developments in the React ecosystem, such as modern Hook implementations, code splitting using lazy components and Suspense, user interface framework components using Material-UI, and Apollo. In terms of React Native, the book has been updated to version 0.62 and demonstrates how to apply native UI components for your existing mobile apps using NativeBase. You will begin by learning about the essential building blocks of React components. Next, you’ll progress to working with higher-level functionalities in application development, before putting this knowledge to use by developing user interface components for the web and for 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.

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Section 1: React

Free Chapter

Why React?

What is React?

React Features

What's new in React?

Summary

Further reading

Rendering with JSX

Technical requirements

Your first JSX content

Rendering HTML

Describing UI structures

Creating your own JSX elements

Using JavaScript expressions

Fragments of JSX

Summary

Further reading

Component Properties, State, and Context

Technical requirements

What is component state?

What are component properties?

Setting a component state

Passing property values

Stateless components

Container components

Providing and consuming context

Summary

Further reading

Getting Started with Hooks

Technical requirements

Maintaining state using Hooks

Performing initialization and cleanup actions

Sharing data using context Hooks

Using reducer Hooks to scale state management

Summary

Event Handling - The React Way

Technical requirements

Declaring event handlers

Using event handler context and parameters

Declaring inline event handlers

Binding handlers to elements

Using synthetic event objects

Understanding event pooling

Summary

Further reading

Crafting Reusable Components

Technical requirements

Reusable HTML elements

The difficulty with monolithic components

Refactoring component structures

Render props

Refactoring class components using Hooks

Rendering component trees

Feature components and utility components

Summary

Further reading

The React Component Life Cycle

Technical requirements

Why components need a life cycle

Initializing properties and state

Optimizing rendering efficiency

Rendering imperative components

Cleaning up after components

Containing errors with error boundaries

Summary

Further reading

Validating Component Properties

Technical requirements

Knowing what to expect

Promoting portable components

Simple property validators

Type and value validators

Writing custom property validators

Summary

Further reading

Handling Navigation with Routes

Technical requirements

Declaring routes

Handling route parameters

Using link components

Summary

Further reading

Code Splitting Using Lazy Components and Suspense

Technical requirements

Using the lazy API

Using the Suspense component

When to avoid lazy components

Lazy pages and routes

Summary

Server-Side React Components

Technical requirements

What is isomorphic JavaScript?

Rendering to strings

Backend routing

Frontend reconciliation

Fetching data

Summary

Further reading

User Interface Framework Components

Technical requirements

Layout and organization

Using navigation components

Collecting user input

Working with styles and themes

Summary

Section 2: React Native

Why React Native?

Technical requirements

What is React Native?

React and JSX are familar

The mobile browser experience

Android and iOS – different yet the same

The case for mobile web apps

Summary

Further reading

Kick-Starting React Native Projects

Technical requirements

Installing and using the Expo command-line tool

Viewing your app on your phone

Viewing your app on Expo Snack

Summary

Building Responsive Layouts with Flexbox

Technical requirements

Flexbox is the new layout standard

Introducing React Native styles

Building Flexbox layouts

Summary

Further reading

Navigating Between Screens

Technical requirements

Navigation basics

Route parameters

The navigation header

Tab and drawer navigation

Handling state

Summary

Further reading

Rendering Item Lists

Technical requirements

Rendering data collections

Sorting and filtering lists

Fetching list data

Lazy list loading

Summary

Further reading

Showing Progress

Technical requirements

Progress and usability

Indicating progress

Measuring progress

Navigation indicators

Step progress

Summary

Further reading

Geolocation and Maps

Technical requirements

Where am I?

What's around me?

Annotating points of interest

Summary

Further reading

Collecting User Input

Technical requirements

Collecting text input

Selecting from a list of options

Toggling between on and off

Collecting date/time input

Summary

Further reading

Displaying Modal Screens

Technical requirements

Important information

Getting user confirmation

Passive notifications

Activity modals

Summary

Further reading

Responding to User Gestures

Technical requirements

Scrolling with your fingers

Giving touch feedback

Swipeable and cancellable

Summary

Further reading

Controlling Image Display

Technical requirements

Loading images

Resizing images

Lazy image loading

Rendering icons

Summary

Further reading

Going Offline

Technical requirements

Detecting the state of the network

Storing application data

Synchronizing application data

Summary

Further reading

Section 3: React Architecture

Native UI Components Using NativeBase

Technical requirements

Application containers

Headers, footers, and navigation

Using layout components

Collecting input using form components

Displaying data using lists

Showing user notifications

Summary

Handling Application State

Technical requirements

Information architecture and Flux

Unified information architecture

Implementing Redux

Scaling the architecture

Summary

Further reading

Why Apollo?

Yet another approach?

Verbose vernacular

Declarative data fetching

Mutating application state

Summary

Further reading

Building an Apollo React App

Technical requirements

Todo and Apollo Client

The GraphQL schema

Bootstrapping Apollo Client

Adding todo items

Rendering todo items

Completing todo items

Summary

Other Books You May Enjoy

Leave a review - let other readers know what you think

Other Books You May Enjoy

If you enjoyed this book, you may be interested in these other books by Packt:

ASP.NET Core 3 and React
Carl Rippon

ISBN: 978-1-78995-022-9

Build RESTful APIs with .NET Core using API controllers
Create strongly typed, interactive, and function-based React components using Hooks
Build forms efficiently using reusable React components
Perform client-side state management with Redux and the React Context API
Secure REST APIs with ASP.NET identity and authorization policies
Run a range of automated tests on the frontend and backend
Implement continuous integration (CI) and continuous delivery (CD) processes into Azure using Azure DevOps

React Projects
Roy Derks

ISBN: 978-1-78995-493-7

Create a wide range of applications using various modern React tools and frameworks
Discover how React Hooks modernize state management for React apps
Develop progressive...