Unlocking the frontend – a call for standardizing component APIs pt.2

1

Pattern Lab

While this helped ease integration work, in parallel to that we also started exploring more systematic approaches on the frontend side itself. With the advent of Brad Frost Atomic Design, and tools like Pattern Lab, we started using a more component-centric approach. This included colocating all styling (CSS), behavior (JavaScript) and semantic structure (HTML) for a component, and way better encapsulation as a whole. And most influential for us, it turns out, it meant documenting all our expected variants of a component as JSON data: Https://patternlab.io/docs/overview-of-data/.

#React #CSS Framework #Design Tools 6 social mentions

2

Astro Build

In another great article of his, “The Design System Ecosystem”, you’d probably recognize it when he talks about the “core design system”. And some frameworks, like Astro, experiment with similar ideas about composition and collaboration, irrespective of specific frameworks, already.

#Website Builder #Blogging #Blogging Platform 177 social mentions