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. Learn more →
Top 23 TypeScript Code Design Projects
-
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.
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.
-
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 (https://react-redux.js.org/)
-
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.
-
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-01Actually, 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:
-
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.
-
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
-
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
-
There are NPM packages like react-responsive that provide custom hooks for easy usage of Media Queries:
-
We're using wouter with great success. It's simple and effective for what we need from a router
-
-
-
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.
-
-
-
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
-
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
-
-
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.
TypeScript Code Design related posts
- Build Dynamic Forms with React Hook Form
- 🩹 Nx Crystal Plugin Picking the Essentials
- Things I learned while building projects with NX
- This is your sign(al) to try TanStack Query & Angular
- 👑 Top Open Source Projects of 2023 🚀
- Learn CSS Layout the Pedantic Way
- React Query Mutations Offline React-Native
-
A note from our sponsor - InfluxDB
www.influxdata.com | 28 Mar 2024
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 |