The Next Evolution of GraphQL Front Ends

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • graphql-typed-document-node

    An improved version of `DocumentNode` for seamless TypeScript integration for GraphQL.

  • Controllers are great for lots of reasons. One reason we've found while developing and testing Apollo Elements is that unlike the class-based API of e.g. @apollo-elements/lit-apollo or @apollo-elements/mixins, when using controllers there's no need to pass in type parameters to the host class. By passing a TypedDocumentNode object as the argument to the controller, you'll get that typechecking and autocomplete you know and love in your class template and methods, without awkward class generics.

  • stampino

    A composable DOM template system

  • This is all made possible by a pair of libraries from the Lit team's Justin Fagnani called Stampino and jexpr. Together, they let you define dynamic parts in HTML

  • SurveyJS

    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.

    SurveyJS logo
  • jexpr

    A simple expression parser and evaluator for JavaScript

  • This is all made possible by a pair of libraries from the Lit team's Justin Fagnani called Stampino and jexpr. Together, they let you define dynamic parts in HTML

  • hybrids

    Extraordinary JavaScript UI framework with unique declarative and functional architecture

  • Hybrids, to add support for reactive controllers

  • hooks

    utility kit for use with Atomico (by atomicojs)

  • Atomico and Haunted, to add the useController hook which underlies useQuery and co.

  • haunted

    React's Hooks API implemented for web components πŸ‘»

  • Atomico and Haunted, to add the useController hook which underlies useQuery and co.

  • shoelace-css

    A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! πŸ‘‡πŸ‘‡πŸ‘‡

  • Demonstrating how to use with Shoelace web components. View a Live Demo of this snippet

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • rocket

    The modern web setup for static sites with a sprinkle of JavaScript (by modernweb-dev)

  • The docs also got a major upgrade care of Pascal Schilp's untiring work in the Webcomponents Community Group to get the custom elements manifest v1 published. This latest iteration of the API docs generates package manifests directly from source code, and converts them to API docs via Rocket.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts