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

• React

  1,702 222,406 9.9 JavaScript

  The library for web and native user interfaces.

  

Meanwhile, web standards seem to rapidly catch up… with native nesting and @layer in CSS and, to name just two great features we’ve won on that front lately, web components getting Declarative Shadow Dom, the Design Token standard rapidly approaching, React finally merging web component compatibility for React 19 it seems, the list goes on.

• Newman

  250 6,724 7.5 JavaScript

  Newman is a command-line collection runner for Postman

  

Already embedded deep into quite a few development workflows (either through the Open API standard, where it is used for model definitions, or something like Postman to build APIs collaboratively) this immediately enables safer, greater and more meaningful interactions between frontend engineers, backend engineers and those working on APIs / microservices. It’s also already in use in some Design System tooling (like Knapsack), or behind the scenes in headless CMS systems.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• schema

  1 1 9.3 TypeScript

  Convert your kickstartDS component schema to types and CMS configuration (by kickstartDS)

  

• json-schema-spec

  30 3,253 7.9 JavaScript

  The JSON Schema specification

  

• kickstartDS

  2 86 9.1 MDX

  kickstartDS mono-repository, containing all packages but config related ones and the content component module

  

Implementation: Integrate specialist libraries for specific requirements, like we do with Bedrock Layout Primitives for layout needs in kickstartDS itself

• custom-elements-everywhere

  19 1,144 8.9 JavaScript

  Custom Element + Framework Interoperability Tests.

  

With React (it seems) finally moving to support everything needed (they are the last major framework lagging behind substantially), too, we might be moving to a world post-framework discussions, and real interoperability on a technical level. I think Jake Lazaroff motivates this beautifully with his articles “Web Components Eliminate JavaScript Framework Lock-in” and “The Web Component Success Story”.

• outlines

  33 5,882 9.7 Python

  Structured Text Generation

  

And I think “just” Markdown doesn’t quite cut it for safe guidance. For example: directly generating content for your components. But I’m really excited about tooling like outlines appearing, with a greater focus on guided generation for structured data. Because this is often what we actually need!

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• astro

  506 42,690 10.0 TypeScript

  The web framework for content-driven websites. ⭐️ Star to support our work!

  

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.

Suggest a related project