Best of Design Patterns — June 2024

1. 1
   Article

   Community Picks·2y

   Data Table Design Patterns

   This post provides best practices for designing data tables, including alignment for text and numeric columns, column separators, row division styles, subtext usage, contrast, visual indications, common table interactions, and table actions.

   680

   19
2. 2
   Article

   Community Picks·2y

   Compound Components Pattern in React

   Learn about the compound component pattern in React, which helps in building flexible and scalable components by using a suite of reusable components that work together to accomplish a task.

   427

   9
3. 3
   Article

   Community Picks·2y

   Design patterns

   Design patterns are recurring solutions to common design problems in user interface and persuasive design. They provide a common language between designers and improve web design.

   286

   6
4. 4
   Article

   Community Picks·2y

   How I Use Adapter Pattern in React

   The post discusses the use of the Adapter pattern in React development to handle mismatched data structures between the backend API response and React components. It explains how the Adapter pattern can be applied in React and provides an example of using the pattern with `react-query`. The post emphasizes the flexibility and organization provided by the Adapter pattern and encourages readers to explore different implementations and design patterns.

   177

   7
5. 5
   Article

   DEV·2y

   JavaScript Design Patterns - Behavioral - Iterator

   The iterator pattern allows us to access the elements in a collection without exposing its underlying representation. It is useful when we want to access an object's content collections without knowing how it is internally represented.

   114

   1