TypeScript Code Design

Open-source TypeScript projects categorized as Code Design
Edit details
Topics: React TypeScript Form Logic JavaScript Data Store
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 23 TypeScript Code Design Projects

  • react-router

    Declarative routing for React

    • Project mention: Merging Remix and React Router | news.ycombinator.com | 2024-05-15

    We still can't upgrade past v5 because our apps do "unconventional" things like ... have a stable list of full-pathed routes that are type checked, while v6's child routes don't support full-paths.

    https://github.com/remix-run/react-router/discussions/10288

  • 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: Best Next.js Libraries and Tools in 2024 | dev.to | 2024-04-10

  • 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

  • react-hook-form

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

    • Project mention: Getting started with React Hook Form | dev.to | 2024-05-10

    I looked for a package that would provide the validation and state management that I was used to but for React. After a bit of searching I found the React Hook Form package that seemed to offer exactly what I was after. The tagline on their website reads:

  • 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: Integrate Ory in a NestJS application | dev.to | 2024-05-16

    Implementation Phase: We will create a new Nx workspace, set up a NestJS application, configure Ory Kratos and Ory Keto using Docker Compose, and implement the necessary modules, services, controllers, and entities to integrate Ory into the CatFoster application.

  • 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

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

    InfluxDB logo

  • 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: React Router has merged with Remix, should you use a different router? | dev.to | 2024-05-16

    Wouter is a well-maintained routing library for React. It has minimal dependencies, is small (2.1 KB gzipped), and has the same basic components as React Router (Link, Switch, Redirect). It provides hooks for the location, the route, and the router, and the API is simple.

  • effector-react

    Business logic with ease ☄️

    • Project mention: Astro.js as an alternative to Next.js: pushing the limits | dev.to | 2024-04-17

    In its docs, Astro recommends nanostores, but I’ve used effector in the past. And LOVED IT. So I’ve used it for this project as well.

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

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript Code Design related posts

  • React Router has merged with Remix, should you use a different router?

    2 projects | dev.to | 16 May 2024

  • Merging Remix and React Router

    6 projects | news.ycombinator.com | 15 May 2024

  • Basic principles of Formik

    1 project | dev.to | 13 May 2024

  • Getting started with React Hook Form

    1 project | dev.to | 10 May 2024

  • 👥 Reproducible Nx Workspace with HugeNx’s Conventions

    3 projects | dev.to | 4 May 2024

  • formengine VS react-hook-form - a user suggested alternative

    2 projects | 2 May 2024

  • 🍒 Cherry-Picked Nx v18.3 Updates

    2 projects | dev.to | 20 Apr 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 17 May 2024
    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. Learn more →

Index

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

Project Stars
1 react-router 52,036
2 TanStack Query 39,996
3 react-hook-form 39,768
4 react-redux 23,256
5 electron-react-boilerplate 22,710
6 nx 22,231
7 apollo-client 19,229
8 reselect 19,002
9 react-jsonschema-form 13,702
10 formily 10,815
11 react-responsive 6,937
12 wouter 6,181
13 effector-react 4,509
14 React Figma 2,407
15 JSONForms 1,965
16 Router5 1,722
17 universal-router 1,702
18 Kuma UI 1,669
19 react-inlinesvg 1,251
20 teaful 702
21 rockpack 568
22 redux-first-history 436
23 aesthetic 203

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