​

Meta Patterns

• Always follow the “Principle of least power”. Use the pattern that requires that least code and the least complexity to get the job done. Some examples:
  • Don’t use javascript for interactions that can be achieved with CSS.
  • Don’t use custom-written CSS for styles that can be achieved with Base Styles or Tailwind.

1. If you can achieve it by adding an existing class (or classes) from the base-styles library to a new or existing html element.
2. Add an existing class (or classes) from Tailwind Lite to a new or existing html element.
3. Add minor interactivity by toggling classes on click or change, using Mini JS.