JavaScript Design Patterns: Deliver fast and efficient production-grade JavaScript applications at scale 9781804612279

Table of contents :
JavaScript Design Patterns
Contributors
About the author
About the reviewers
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Conventions used
Get in touch
Share Your Thoughts
Download a free PDF copy of this book
Part 1:Design Patterns
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
Implementation
Use cases
Improvements with the “class singleton” pattern
A singleton without class fields using ES module behavior
The factory pattern in JavaScript
Implementation
Use cases
Improvements with modern JavaScript
Summary
2
Implementing Structural Design Patterns
Technical requirements
What are structural design patterns?
Implementing the Proxy pattern with Proxy and Reflect
A redaction proxy implementation
Use cases
Improving the proxy pattern in JavaScript with the Proxy and Reflect global objects
Decorator in JavaScript
Implementation
Use cases
Improvements/limitations
Flyweight in JavaScript
Implementation
Use cases
Improvements/limitations
Adapter in JavaScript
Use cases
Improvements/limitations
Summary
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
4
Exploring Reactive View Library Patterns
Technical requirements
What are reactive view library patterns?
The render prop pattern
Use cases
Implementation/example
Limitations
The higher-order component pattern
Implementation/example
Use cases
Limitations
The hooks pattern
An implementation/example
Use cases
Limitations
The provider pattern
Use case – the prop drilling problem
An implementation/example
Limitations
Summary
5
Rendering Strategies and Page Hydration
Technical requirements
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
Summary
6
Micro Frontends, Zones, and Islands Architectures
Technical requirements
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
Summary
Part 3:Performance and Security Patterns
7
Asynchronous Programming Performance Patterns
Technical requirements
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
Summary
8
Event-Driven Programming Patterns
Technical requirements
Optimizing event listeners through event delegation
Patterns for secure frame/native WebView bridge messaging
Event listener performance antipatterns
Summary
9
Maximizing Performance – Lazy Loading and Code Splitting
Technical requirements
Dynamic imports and code splitting with Vite
Route-based code splitting and bundling
Loading JavaScript on element visibility and interaction
Summary
10
Asset Loading Strategies and Executing Code off the Main Thread
Technical requirements
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
Summary
Index
Why subscribe?
Other Books You May Enjoy
Packt is searching for authors like you
Download a free PDF copy of this book

Polecaj historie

Mastering JavaScript Design Patterns 9781783987986, 1783987987

Enhance your JavaScript code with this essential collection of design patterns. Discover an extensive range of technique

1,713 305 2MB Read more

Learning JavaScript Design Patterns: A JavaScript and React Developer's Guide [2 ed.] 9781098139872

266 132 Read more

Mastering JavaScript Design Patterns - Essential Solutions for Effective JavaScript Web Design [3 ed.]

Key Features Learn how to use tried and true software design methodologies to enhance your Javascript code Discover robu

1,734 204 1MB Read more

Learning JavaScript Design Patterns: A JavaScript and React Developer's Guide 9781098139872, 1098139879

Do you want to write beautiful, structured, and maintainable JavaScript by applying modern design patterns to the langua

268 110 983KB Read more

Learning Javascript Design Patterns: A Javascript and React Developer's Guide [2 ed.] 9781098139872

Do you want to write beautiful, structured, and maintainable JavaScript by applying modern design patterns to the langua

10,178 1,493 2MB Read more

Pro JavaScript design patterns 9781590599082, 159059908X, 9781430204954, 1430204958, 9781590599

As a web developer, you'll already know that JavaScript is a powerful language, allowing you to add an impressive a

1,025 221 1MB Read more

Learning JavaScript Design Patterns [2 ed.] 9781449331818, 1449331815

With Learning JavaScript Design Patterns, you’ll learn how to write beautiful, structured, and maintainable JavaScript b

11,229 836 7MB Read more

Mastering JavaScript: explore and master modern JavaScript techniques in order to build large-scale web applications 9781785281341, 1785281348

1,125 152 2MB Read more

50 Tips on JavaScript: 50 of the most interesting features, concepts, and patterns in JavaScript.

Learn about destructing, iterables, generators, helpful browser APIs. The book covers concepts like higher-order functio

317 73 4MB Read more

50 Tips on JavaScript: 50 of the most interesting features, concepts, and patterns in JavaScript.

Learn about destructing, iterables, generators, helpful browser APIs. The book covers concepts like higher-order functio

292 108 4MB Read more