TypeScript Code Design

Open-source TypeScript projects categorized as Code Design

Top 23 TypeScript Code Design Projects

  • react-router

    Declarative routing for React

    Project mention: Free Resources Every Web Developer Should Know About | dev.to | 2024-03-18

    React Router (https://reactrouter.com/)

  • TanStack Query

    🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

    Project mention: This is your sign(al) to try TanStack Query & Angular | dev.to | 2024-03-05

    To ensure that we get the best TanStack Query experience possible we are also encouraged to share feedback and participate in the discussion on GitHub, which you can check out here!

  • 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.

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

    Project mention: Build Dynamic Forms with React Hook Form | dev.to | 2024-03-28

    The idea here is to first define an array of field names for each provider. We'll also need a map with more detailed information about each field. This map will contain the field name, label, type, and validation options. We'll use this map to render the form fields and also to validate the form. Finally, we'll have a Form component that will render the form fields based on their type and handle the form submission. We'll use React Hook Form to handle the form state and validation.

  • react-redux

    Official React bindings for Redux

    Project mention: Free Resources Every Web Developer Should Know About | dev.to | 2024-03-18

    React Redux (https://react-redux.js.org/)

  • electron-react-boilerplate

    A Foundation for Scalable Cross-Platform Apps

    Project mention: How I Used Electron and React to Create a Sweet UI for FFMPEG | dev.to | 2023-12-15

    For a swift and efficient setup, I began by cloning the Electron-React Boilerplate. This boilerplate provided a pre-configured combination of Electron and React, along with Redux and Webpack, setting a solid foundation for the project. This choice allowed me to focus on building the unique features of my application, leveraging the boilerplate's stable and community-tested framework.

  • nx

    Smart Monorepos · Fast CI

    Project mention: 🩹 Nx Crystal Plugin Picking the Essentials | dev.to | 2024-03-23

    I started a discussion on GitHub concerning that subject: Design Nx Plugin Project Crystal

  • apollo-client

    :rocket:  A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.

    Project mention: Things I wish I knew before moving 50K lines of code to React Server Components | news.ycombinator.com | 2023-09-01

    Actually, it's worse than that. Next has started throwing errors if it statically detects you even _importing_ hooks inside of a React Server Component environment:

    - https://github.com/apollographql/apollo-client/issues/10974

    - https://github.com/apollographql/apollo-client/issues/11167

    To the point that Lenz Weber( a maintainer of Apollo Client, and my co-maintainer on Redux Toolkit), is considering resorting to a package that wraps and re-exports all of React's public API just to avoid that static analysis:

    - https://github.com/apollographql/apollo-client/pull/11175

  • 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.

  • reselect

    Selector library for Redux

    Project mention: Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes (plus major versions for all Redux family packages!) | /r/reactjs | 2023-12-05
  • react-jsonschema-form

    A React component for building Web forms from JSON Schema.

    Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08

    I've been very passionate about a project called react-jsonschema-form (github, editor). I personally hate writing forms, and love the idea of serializable components, schema, validation all in one. I've always wanted an alternative to this project that offered an alternative to react, and possibly the ability to render a schema form to static HTML (like ssg).

  • formily

    📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3

  • react-responsive

    CSS media queries in react - for responsive design, and more.

    Project mention: Media Queries and Responsive Design | dev.to | 2023-09-14

    There are NPM packages like react-responsive that provide custom hooks for easy usage of Media Queries:

  • wouter

    🥢 A minimalist-friendly ~2.1KB routing for React and Preact

    Project mention: Finally switched to Vite after CRA. | /r/reactjs | 2023-07-04

    We're using wouter with great success. It's simple and effective for what we need from a router

  • effector-react

    Business logic with ease ☄️

  • React Figma

    ⚛️ A React renderer for Figma

  • JSONForms

    Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.

    Project mention: Looking for an Android framework for dynamic form creation based on JSON schema | /r/androiddev | 2023-06-04

    I'm currently working on an Android app that requires dynamic form creation based on JSON schema. I came across the website jsonforms.io and was impressed by their framework for generating forms from JSON schema.

  • Router5

    Flexible and powerful universal routing solution

  • universal-router

    A simple middleware-style router for isomorphic JavaScript web apps

  • Kuma UI

    🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨

    Project mention: Does it make sense to use new NextJS with UI libraries if I have to put "use client" on top of every page in src/app to make CSS-in-JS work and can't use server components? | /r/reactjs | 2023-06-04

    Kuma UI

  • react-inlinesvg

    An SVG loader component for ReactJS

    Project mention: How Do I Style A SVG That Is In A React Component, Using CSS? | /r/reactjs | 2023-08-13

    https://www.npmjs.com/package/react-inlinesvg demo: https://codesandbox.io/s/github/gilbarbara/react-inlinesvg/tree/main/demo

  • teaful

    🍵 Tiny, easy and powerful React state management

  • rockpack

    Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing within 5 minutes

  • redux-first-history

    Redux history binding support react-router - @reach/router - wouter - react-location

  • aesthetic

    🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more! (by aesthetic-suite)

  • InfluxDB

    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.

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). The latest post mention was on 2024-03-28.

TypeScript Code Design related posts

Index

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

Project Stars
1 react-router 51,756
2 TanStack Query 39,257
3 react-hook-form 39,194
4 react-redux 23,221
5 electron-react-boilerplate 22,549
6 nx 21,679
7 apollo-client 19,178
8 reselect 18,995
9 react-jsonschema-form 13,562
10 formily 10,666
11 react-responsive 6,886
12 wouter 6,002
13 effector-react 4,462
14 React Figma 2,385
15 JSONForms 1,893
16 Router5 1,725
17 universal-router 1,697
18 Kuma UI 1,615
19 react-inlinesvg 1,239
20 teaful 698
21 rockpack 570
22 redux-first-history 426
23 aesthetic 202
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.
www.influxdata.com