InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →
Top 23 TypeScript Code Design Projects
-
Angular comes with a built-in router that provides you a great way to route your URLs, but in React, again, you have to install a third party package like React Router and TanStack Router. After spending hours, I went with React Router because it's the most popular package and it's also easy to learn. Although TanStack Router seems more advanced, I didn't want to overkill my first project.
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
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: Troubleshooting TRPC data flicker: From recognizing the problem to fixing it | dev.to | 2025-07-19isLoading: As explained in this comment by TkDoDo and the source code, isLoading is determined by the combination of status and fetchStatus:
-
Project mention: Less Code, More Power - Why React-Forminate is Changing the Form Game | dev.to | 2025-08-11
Click to see: react-hook-form on NPM
-
nx
An AI-first build platform that connects everything from your editor to CI. Helping you deliver fast, without breaking things.
Nx / Turborepo
-
Electron React Boilerplate(ERB) is a pretty easy way to start building a desktop app in no time. It uses electron-builder under the hood to power build and publish step of the application and for building the frontend it uses Webpack. Just clone the repo and you're ready to go. For this setup let's use the name agent-desktop-app.
-
See React-Redux docs for more on setup.
-
apollo-client
The industry-leading GraphQL client for TypeScript, JavaScript, React, Vue, Angular, and more. Apollo Client delivers powerful caching, intuitive APIs, and comprehensive developer tools to accelerate your app development.
-
Sevalla
Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
-
-
Even though it’s quite amusing, this is an edge case that we’d likely need to support if aiming for production use. The most common approaches are to add more validations and retries to our application’s code, improve the prompt to direct GPT, or try different temperatures of the model. ## **Use case - build dynamic forms in React** Another common use case that we can try to automate is building custom forms dynamically. Many applications, such as surveys, custom forms etc., rely on this feature to gain feedback from its candidates, customers or potential leads. GPT makes it incredibly easy to build a tool that allows a regular user to create such a form by providing natural language input. Let’s use a library called [react-jsonschema-form](https://rjsf-team.github.io/react-jsonschema-form/docs/). It’s a React-based library that generates forms based on a JSON definition. It also contains an extensive schema definition that such JSONs can be validated against. We can leverage the fact that GPT was trained on a large dataset that also includes definitions of commonly used JSON schemas. That means we don’t have to provide the exact schema, and we can refer to it in our prompt by name. Let’s create a prompt that: 1. Specifies that we would like to use the schema of react-jsonschema-form 2. Include the user's definition of the ideal form 3. Will specify some additional criteria for the output (i.e. make sure that we only get a JSON as a response)
-
formily
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
-
Project mention: Setting up partial SSR for a React + TypeScript + webpack app from scratch | dev.to | 2025-01-10
wouter is a replacement for react-router. Not only is it smaller in the bundle, but doing SSR with it is much easier.
-
-
Project mention: Modern State Management Libraries for React: A Comparative Guide | dev.to | 2025-03-11
Effector promotes a highly predictable and scalable architecture with explicit data flow.
-
-
Project mention: ScreenCoder: An intelligent UI-to-code generation system | news.ycombinator.com | 2025-08-04
-
-
-
-
-
fireproof
The vibe coding database runs in the browser, fits in the context window, and syncs anywhere.
-
-
rockpack
Rockpack is a lightweight, zero-configuration solution for quickly setting up a React application with full support for Server-Side Rendering (SSR), bundling, linting, and testing.
Project mention: React 19 Finally Stable, New Rust-Based JavaScript Framework, New Developer Tools, and more | dev.to | 2024-12-15React 19 Async Features Boa v0.20 Rust-Powered Engine Safari 18.2 Developer Updates Redux Toolkit 2.5 Termo Civet Rockpack
-
redux-first-history
Redux history binding support react-router - @reach/router - wouter - react-location
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 discussion
TypeScript Code Design related posts
-
Zero-touch Firebase SDKs with one command and CI magic
-
This Week In React #247: nuqs, Fragment Refs, Waku, React-Aria | Expo Launch, Maestro, SPM | Zod, Rspack, ESLint, CSS...
-
NX Hack: stolen GitHub credential used to turn private repositories public
-
Active NPN Supply Chain Attack on `Nx` Package
-
Less Code, More Power - Why React-Forminate is Changing the Form Game
-
Redux From the Ground Up (Elementary to Advanced)"
-
My React.js Journey: An Angular Developer's Perspective
-
A note from our sponsor - InfluxDB
www.influxdata.com | 1 Sep 2025
Index
What are some of the best open-source Code Design projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | react-router | 55,424 |
| 2 | TanStack Query | 46,451 |
| 3 | react-hook-form | 43,755 |
| 4 | nx | 26,806 |
| 5 | electron-react-boilerplate | 23,987 |
| 6 | react-redux | 23,493 |
| 7 | apollo-client | 19,614 |
| 8 | reselect | 19,062 |
| 9 | react-jsonschema-form | 15,186 |
| 10 | formily | 12,170 |
| 11 | wouter | 7,466 |
| 12 | react-responsive | 7,139 |
| 13 | effector-react | 4,755 |
| 14 | React Figma | 2,645 |
| 15 | JSONForms | 2,520 |
| 16 | Kuma UI | 1,835 |
| 17 | universal-router | 1,749 |
| 18 | Router5 | 1,714 |
| 19 | react-inlinesvg | 1,302 |
| 20 | fireproof | 902 |
| 21 | teaful | 713 |
| 22 | rockpack | 668 |
| 23 | redux-first-history | 450 |
Sponsored
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com