The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 React Open-Source Projects
-
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.
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
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.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
-
ChatGPT-Next-Web
A cross-platform ChatGPT/Gemini UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT/Gemini 应用。
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
-
react
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)
-
30-Days-Of-JavaScript
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
-
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.
You can use any frontend framework you want — react-based tooling, however, has a natural advantage as it models everything as a function of state, which can map 1:1 with the concept in Burr. In the demo app we use react, react-query, and tailwind, but we’ll be skipping over this largely (it is not central to the purpose of the post).
Project mention: System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days | dev.to | 2024-04-26Next.js: For the website and the admin dashboard
This is a modified version of the file from the react native cli template
Project mention: Integration of Angular, Vue.js and React with .NET: Creating a Modern Web Experience | dev.to | 2024-04-10Immerse yourself in the official Create React App documentation for a deeper understanding.
Ant Design
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
Project mention: Node Test Runner vs Bun Test Runner (with TypeScript and ESM) | dev.to | 2024-04-26It has a decent compatibility with both Jest and Vitest's APIs (you can track progress here so you can use it as almost a drop-in replacement for either. Just as Node's, it has describe/it, mock, test and others, but with the expect syntax (which I find more readable). For example:
ChatGPT-Next-Web is a cross-platform UI for ChatGPT (or Gemini), available as a web app or as a compact client on Linux, Windows and MacOS. You can also deploy ChatGPT-Next-Web on Vercel in just a minute.
View on GitHub
Repository: leonardomso/33-js-concepts
Superset is absolutely phenomenal. I really hope Microsoft eventually releases all of their customizations they made to it internally to the OS community someday.
https://www.youtube.com/watch?v=RY0SSvSUkMA
https://github.com/apache/superset/discussions/20094
Project mention: System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days | dev.to | 2024-04-26Shadcn/ui: I've never tried it before but have always wanted to switch from MaterialUI
A Gatsby site uses Gatsby, which leverages React and GraphQL to create fast and optimized web experiences. Gatsby is often used for building static websites, progressive web apps (PWAs), and even full-blown dynamic web applications.
Docusaurus is a popular open-source documentation tool primarily designed for product documentation and other technical documentation needs. It was first released in 2017 by Facebook Open Source (now Meta Open Source). Just recently, Docsaurus version 3.0 was released.
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.
Project mention: Meteor v3 uses express under the hood – How to use and deploy it. | dev.to | 2024-03-04As you might have seen from this PR and in our forums Meteor v3(it is still in beta, but you can follow the progress here) will be released with a new engine, expressjs.
Congratulations, you now know how to use TypeScript in your React App. For further reading check out this React TypeScript cheat sheet
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 our case, points 1 and 2 can help us provide a better way of handling updates in our rapidly updating application. I have used zustand for the application.
Project mention: Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding Back (And What To Do Instead) 💪🎉 | dev.to | 2024-02-0430 Days of JS
Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14Explore a curated list of awesome React components that can save you time and effort.
React related posts
- System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days
- Path To A Clean(er) React Architecture - API Layer & Fetch Functions
- React 18.3.0 Is Out
- JoblessDev: New Open-Source CS Job Platform for Students and Recent Grads
- 9 React Calendar Components for Your Next App
- Runtime environmental variables in Next.js 14
- Show HN: Mantis Free React Admin Dashboard
-
A note from our sponsor - WorkOS
workos.com | 26 Apr 2024
Index
What are some of the best open-source React projects? This list will help you:
Project | Stars | |
---|---|---|
1 | freeCodeCamp | 387,899 |
2 | React | 221,803 |
3 | Next.js | 120,572 |
4 | react-native | 115,758 |
5 | create-react-app | 101,853 |
6 | Material UI | 91,600 |
7 | antd | 90,129 |
8 | storybook | 82,810 |
9 | bun | 70,488 |
10 | ChatGPT-Next-Web | 68,127 |
11 | awesome-react | 61,918 |
12 | 33-js-concepts | 61,875 |
13 | superset | 58,737 |
14 | shadcn/ui | 56,834 |
15 | Gatsby | 55,016 |
16 | Docusaurus | 52,824 |
17 | Ionic Framework | 50,410 |
18 | Meteor JS | 44,038 |
19 | react | 43,953 |
20 | hyperterm | 42,633 |
21 | zustand | 42,526 |
22 | 30-Days-Of-JavaScript | 40,920 |
23 | awesome-react-components | 40,317 |
Sponsored