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 React Projects
-
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
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.
-
Official Website: https://ant.design/
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
We are continuing to make building fullstack websites and application with Analog and Angular as seamless as possible, and extending the Angular ecosystem through integrations with Astro, Nx, [Vitest]https://analogjs.org/docs/features/testing/vitest, Storybook, and more.
-
Superset is absolutely phenomenal. I really hope Microsoft eventually releases all of their customizations they made to it internally to the OS community someday.
-
Project mention: Craft Your GitHub Profile Page in 60 Seconds with Zero Code, Absolutely Free | dev.to | 2024-03-11
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Project mention: Epic Next.js 14 Tutorial: Learn Next.js by building a real-life project: Part 1 | dev.to | 2024-03-13You can learn more here.
-
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.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount of surprise, so I thought I would break down what a Design System is and why it doesn't matter which end you start with, as long as you have both your Design and Development teams working together to build your Design System.
-
I am using iTerm2 on my macOS. Other available options are Hyper and VS Code’s inbuilt terminal, which I sometimes use for quick tests. You can open a terminal in VS Code by using the keyboard shortcut CMD + J or CTRL + J on Windows, or View → Terminal.
-
For more code examples visit the documentation here
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Project mention: The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore | dev.to | 2024-02-21Embracing the styled-components library allows developers to write actual CSS code to style their components. It utilizes tagged template literals to style components, enabling a seamless integration of styles within the component's JavaScript file. This approach eliminates the mapping between components and styles, thus enhancing developer productivity and component reusability.
-
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!
-
Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28
As per refine.dev blog, these are some alternatives to Tremor:
* Ant design pro (https://github.com/ant-design/ant-design-pro/)
-
taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
-
novu
🔥 The open-source notification infrastructure with fully functional embedded notification center 🚀🚀🚀
PR for Reference: https://github.com/novuhq/novu/pull/5187
-
RESTful API: RESTful API does not have machine-readable metadata cacheable, and query validation is not available.(There are some libraraies tried to solve this issue like TRPC)
-
appsmith
Platform to build admin panels, internal tools, and dashboards. Integrates with 25+ databases and any API.
Project mention: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev | dev.to | 2024-02-05appsmith — Low code project to build admin panels, internal tools, and dashboards. Integrates with 15+ databases and any API.
-
Now, it's time to consume our API. We'll use React for this tutorail, but feel free to use any other framework you prefer; the process remains the same. Additionally, we'll utilize SWR to fetch data from the API and TypeScript to ensure type safety.
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
-
jsoncrack.com
✨ Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.
Project mention: JSONCrack Codebase Analysis - Part 5 - Toolbar and Bottom bar | dev.to | 2024-01-09They are used in Editor component. Part 4 explains about Editor component.
-
expo
An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.
-
Mattermost
Mattermost is an open source platform for secure collaboration across the entire software development lifecycle..
Mattermost, Inc. | Senior React Native Engineer | REMOTE (US Only) | Full-Time
At Mattermost we build an open core, chat and collaboration platform focused on making users with mission critical work more productive while also allowing our customers to self-deploy and have full control over their own data.
We’re looking for a Senior React Native Engineer who has the depth to significantly move the performance needle of our app while also having the breadth to contribute across our stack.
Check out our open source mobile codebase: https://github.com/mattermost/mattermost-mobile. Meta uses the Mattermost RN app as the benchmark for performance testing of their Hermes JS engine: https://mattermost.com/blog/hermes-mattermost/. Want to set the bar for what a complex, high performing React Native app can do? Want to do it open source? Join our team!
Apply here: https://jobs.lever.co/mattermost/a38ea8f0-6c27-4178-a988-801...
-
Project mention: The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore | dev.to | 2024-02-21
For adding physics-based animations to React applications, React Spring stands out. It offers a spring-physics based animation library that greatly simplifies the implementation of animations, making them feel more natural. React Spring is essential for developers looking to enhance the user experience with interactive and engaging animations.
-
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.
TypeScript React related posts
- An autocomplete select input using shadcn/ui+react-hook-form+zod.
- Localized tRPC errors
- Beyond Redux - MobX and Zustand
- GraphQL vs REST - Key Differences and Use Cases
- Announcing AnalogJS 1.0 🚀
- Show HN: How Cobrowsing Works in Session Replay
- Exit Code 137 - Kubernetes
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Mar 2024
Index
What are some of the best open-source React projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | freeCodeCamp | 385,148 |
2 | Material UI | 91,099 |
3 | antd | 89,748 |
4 | storybook | 82,368 |
5 | superset | 57,509 |
6 | Docusaurus | 51,989 |
7 | shadcn/ui | 51,948 |
8 | Ionic Framework | 50,277 |
9 | hyperterm | 42,466 |
10 | zustand | 41,199 |
11 | styled-components | 39,975 |
12 | TanStack Query | 39,152 |
13 | ant-design-pro | 35,609 |
14 | taro | 34,522 |
15 | novu | 32,151 |
16 | trpc | 32,121 |
17 | appsmith | 31,071 |
18 | SWR | 29,126 |
19 | slate | 28,813 |
20 | jsoncrack.com | 28,207 |
21 | expo | 28,171 |
22 | Mattermost | 27,777 |
23 | react-spring | 27,218 |