TypeScript design-pattern

Open-source TypeScript projects categorized as design-pattern
Edit details
Topics: React CSS JavaScript SVG GraphQL
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.io
featured

Top 3 TypeScript design-pattern Projects

  • clean-react

    Sistema em ReactJs usando Hooks, Typescript, TDD, Clean Architecture, Design Patterns e SOLID principles

  • storybook-design-token

    Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.

  • 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

  • Server-Driven-UI

    A framework example for Server Driven UI (SDUI) that teaches you the best practices to scale.

    • Project mention: TV: Now What? | news.ycombinator.com | 2023-11-18

    Server-driven UI is a thing that's been gaining traction in recent years.

    To my knowledge, at least a few FAANG companies have adopted this for the reasons mentioned in the article (AirBnB, Lyft, Expedia)

    https://github.com/csmets/Server-Driven-UI

    There are a few frameworks that cater to this -- most of them are variations on an API that returns JSON describing view components and state/actions.

    For instance, DivKit:

    - https://github.com/divkit/divkit

    - https://divkit.tech/playground

    It's a decent idea IMO, though I have no personal experience with it. I guess time will tell whether it catches on at-large though.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

Index

What are some of the best open-source design-pattern projects in TypeScript? This list will help you:

Project Stars
1 clean-react 1,370
2 storybook-design-token 635
3 Server-Driven-UI 94

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com