JavaScript Design Patterns : Deliver Fast and Efficient Production-Grade JavaScript Applications at Scale / Hugo Di Francesco.

Format:

Book

Author/Creator:

Francesco, Hugo Di, author.

Language:

English

Subjects (All):

JavaScript (Computer program language).

Software patterns.

Computer software--Reusability.

Computer software.

Scripting languages (Computer science).

Physical Description:

1 online resource (308 pages)

Edition:

First edition.

Place of Publication:

Birmingham, England : Packt Publishing, [2024]

Summary:

Chapter 3: Leveraging Behavioral Design Patterns -- Technical requirements -- What are behavioral design patterns? -- The observer pattern in JavaScript -- Implementation -- Use cases of the observer pattern -- Limitations and improvements -- State and strategy in JavaScript and a simplified approach -- Implementation -- Use cases of the state and strategy patterns -- Limitations and improvements -- Visitor in JavaScript -- Implementation -- Use cases of the visitor pattern -- Summary -- Part 2: Architecture and UI Patterns -- Chapter 4: Exploring Reactive View Library Patterns

Contents:

Cover

Title Page

Copyright and Credits

Dedications

Contributors

Table of Contents

Part 1: Design Patterns

Chapter 1: Working with Creational Design Patterns

What are creational design patterns?

Implementing the prototype pattern in JavaScript

Implementation

A use case

The singleton pattern with eager and lazy initialization in JavaScript

Use cases

Improvements with the "class singleton" pattern

A singleton without class fields using ES module behavior

The factory pattern in JavaScript

Improvements with modern JavaScript

Summary

Chapter 2: Implementing Structural Design Patterns

Technical requirements

What are structural design patterns?

Implementing the Proxy pattern with Proxy and Reflect

A redaction proxy implementation

Improving the proxy pattern in JavaScript with the Proxy and Reflect global objects

Decorator in JavaScript

Improvements/limitations

Flyweight in JavaScript

Adapter in JavaScript

Chapter 3: Leveraging Behavioral Design Patterns

What are behavioral design patterns?

The observer pattern in JavaScript

Use cases of the observer pattern

Limitations and improvements

State and strategy in JavaScript and a simplified approach

Use cases of the state and strategy patterns

Visitor in JavaScript

Use cases of the visitor pattern

Part 2: Architecture and UI Patterns

Chapter 4: Exploring Reactive View Library Patterns

What are reactive view library patterns?.

The render prop pattern

Implementation/example

Limitations

The higher-order component pattern

The hooks pattern

An implementation/example

The provider pattern

Use case - the prop drilling problem

Chapter 5: Rendering Strategies and Page Hydration

Client and server rendering with React

Client-side rendering in React

Server rendering in React

Trade-offs between client and server rendering

Static rendering with Next.js

Automatic static generation

Static generation with a third-party data source

Static generation with dynamic paths

Page hydration strategies

Common React rehydration issues

React streaming server-side rendering

Chapter 6: Micro Frontends, Zones, and Islands Architectures

An overview of micro frontends

Key benefits

"Classic" micro frontend patterns

Other concerns in a micro frontend world

Composing applications with Next.js "zones"

Root app

Adding a /search app

Adding /checkout app

The benefits/supporting team scaling

The drawbacks of Next.js zones

Scaling performance-sensitive pages with the "islands" architecture

Islands setup with is-land

Product island

Cart island

A related products island

Scaling with a team - bundling islands

Drawbacks

Part 3: Performance and Security Patterns

Chapter 7: Asynchronous Programming Performance Patterns

Controlling sequential asynchronous operations with async/await and Promises

Parallel asynchronous operation patterns

Asynchronous cancellation and timeouts with AbortController.

Throttling, debouncing, and batching asynchronous operations

Chapter 8: Event-Driven Programming Patterns

Optimizing event listeners through event delegation

Patterns for secure frame/native WebView bridge messaging

Event listener performance antipatterns

Chapter 9: Maximizing Performance - Lazy Loading and Code Splitting

Dynamic imports and code splitting with Vite

Route-based code splitting and bundling

Loading JavaScript on element visibility and interaction

Chapter 10: Asset Loading Strategies and Executing Code off the Main Thread

Asset loading optimization - async, defer, preconnect, preload, and prefetch

Using Next.js Script's strategy option to optimize asset loading

Loading and running scripts in a worker thread

Index

Other Books You May Enjoy.

Notes:

Description based upon print version of record.

Composing applications with Next.js "zones"

Description based on publisher supplied metadata and other sources.

Description based on print version record.

ISBN:

9781804614020

1804614025

OCLC:

1423131342