Patterns

Stay up to date on the latest design and performance patterns.

Design Patterns
Rendering Patterns
Performance Patterns

Design Patterns

  • Architecture
  • State

Introduction

Introduction to Design Patterns

  • Architecture
  • State

Singleton Pattern

Share a single global instance throughout our application

  • Architecture
  • State

Proxy Pattern

Intercept and control interactions to target objects

  • Architecture
  • State

Provider Pattern

Make data available to multiple child components

  • Architecture
  • State

Prototype Pattern

Share properties among many objects of the same type

  • Architecture
  • State

Container/Presentational Pattern

Enforce separation of concerns by separating the view from the application logic

  • Architecture
  • State

Observer Pattern

Use observables to notify subscribers when an event occurs

  • Architecture
  • State

Module Pattern

Split up your code into smaller, reusable pieces

  • Architecture
  • State

Mixin Pattern

Add functionality to objects or classes without inheritance

  • Architecture
  • State

Mediator/Middleware Pattern

Use a central mediator object to handle communication between components

  • Architecture
  • State

HOC Pattern

Pass reusable logic down as props to components throughout your application

  • Architecture
  • State

Render Props Pattern

Pass JSX elements to components through props

  • Architecture
  • State

Hooks Pattern

Use functions to reuse stateful logic among multiple components throughout the app

  • Architecture
  • State

Flyweight Pattern

Reuse existing instances when working with identical objects

  • Architecture
  • State

Factory Pattern

Use a factory function in order to create objects

  • Architecture
  • State

Compound Pattern

Create multiple components that work together to perform a single task

  • Architecture
  • State

Command Pattern

Decouple methods that execute tasks by sending commands to a commander

Framework Patterns