Learn about web performance patterns for loading your code more efficiently. Unsure how to think about modern approaches to loading or rendering user-experiences? We've got you covered.

This project covers the implementation, benefits and pitfalls of common design patterns using ES2015+, React-specific design patterns and their possible modification and implementation …

Choosing the most suitable rendering pattern can make a world of difference to the Developer Experience (DX) you create for the engineering team and the User Experience(UX) you design …

A free 435+ page book on JavaScript design and performance patterns by Lydia Hallie and Addy Osmani

Singleton Pattern Singletons are classes which can be instantiated once, and can be accessed globally. This single instance can be shared throughout our application, which makes …

tl;dr: The islands architecture encourages small, focused chunks of interactivity within server-rendered web pages. The output of islands is progressively enhanced HTML, with more …

Given React’s popularity, it’s worth walking through how it works given we will be using it to walk through some of the design, rendering and performance patterns in this guide. When front-end …

The mediator pattern makes it possible for components to interact with each other through a central point: the mediator. Instead of directly talking to each other, the mediator receives the …

The factory pattern is useful when we have to create multiple smaller objects that share the same properties. A factory function can easily return a custom object depending on the current …

Next.js, created by Vercel, is a full-stack React framework optimized for production. With recent updates, Next.js emphasizes the App Router architecture, React Server Components, and …