Fluent React / by Tejas Kumar.

Format:

Book

Author/Creator:

Kumar, Tejas, author.

Language:

English

Subjects (All):

Mobile apps--Programming.

Mobile apps.

JavaScript (Computer program language).

Mobile computing--Programming.

Mobile computing.

Physical Description:

1 online resource (326 pages) : illustrations

Edition:

First edition.

Place of Publication:

Sebastopol, CA : O'Reilly Media, Inc., 2024.

Summary:

When it comes to building user interfaces on the web, React enables web developers to unlock a new world of possibilities. This practical book helps you take a deep dive into fundamental concepts of this JavaScript library, including JSX syntax and advanced patterns, the virtual DOM, React reconciliation, and advanced optimization techniques. By becoming fluent in React, you'll quickly learn how to build better web applications. Author Tejas Kumar helps you explore the depths of React in plain English, without the typical software engineering jargon, so you can more easily understand how this JavaScript library works. You'll learn how to write intuitive React code that fully understands the nuances and layers of React, unlocking a whole new level of fluency.

Contents:

Cover

Copyright

Table of Contents

Foreword

Preface

Conventions Used in This Book

O'Reilly Online Learning

How to Contact Us

Acknowledgments

Chapter 1. The Entry-Level Stuff

Why Is React a Thing?

The World Before React

jQuery

Backbone

KnockoutJS

AngularJS

Enter React

React's Value Proposition

Releasing React

The Flux Architecture

Benefits of the Flux Architecture

Wrap-Up: So...Why Is React a Thing?

Chapter Review

Review Questions

Up Next

Chapter 2. JSX

JavaScript XML?

Benefits of JSX

Drawbacks of JSX

Under the Hood

How Does Code Work?

Extending JavaScript Syntax with JSX

The JSX Pragma

Expressions

Chapter 3. The Virtual DOM

An Intro to the Virtual DOM

The Real DOM

Pitfalls of the Real DOM

Document Fragments

How the Virtual DOM Works

React Elements

Virtual DOM Versus Real DOM

Efficient Updates

Chapter 4. Inside Reconciliation

Understanding Reconciliation

Batching

Prior Art

Stack Reconciler (Legacy)

The Fiber Reconciler

Fiber as a Data Structure

Double Buffering

Fiber Reconciliation

Chapter 5. Common Questions and Powerful Patterns

Memoization with React.memo

Getting Fluent in React.memo

Memoized Components That Still Rerender

It's a Guideline, Not a Rule

Memoization with useMemo

useMemo Considered Harmful

Forget About All of This

Lazy Loading

Greater UI Control with Suspense

useState Versus useReducer

Immer and Ergonomics

Powerful Patterns

Presentational/Container Components

Higher-Order Component

Render Props

Control Props

Prop Collections

Compound Components

State Reducer

Chapter 6. Server-Side React

Limitations of Client-Side Rendering

SEO

Performance

Security

The Rise of Server Rendering

Benefits of Server Rendering

Hydration

Hydration Considered Harmful

Creating Server Rendering

Manually Adding Server Rendering to a Client-Only React App

Hydrating

Server Rendering APIs in React

renderToString

renderToPipeableStream

renderToReadableStream

When to Use What

Don't Roll Your Own

Chapter Review

Chapter 7. Concurrent React

The Problem with Synchronous Rendering

Revisiting Fiber

Scheduling and Deferring Updates

Diving Deeper

The Scheduler

Render Lanes

How Render Lanes Work

Processing Lanes

Commit Phase

useTransition

Simple Example

Advanced Example: Navigation

useDeferredValue

Purpose of useDeferredValue

When to Use useDeferredValue

When Not to Use useDeferredValue

Problems with Concurrent Rendering

Tearing

Up Next

Notes:

OCLC-licensed vendor bibliographic record.

Includes index.

ISBN:

9781098138707

1098138708

OCLC:

1416011697