SaaSHub helps you find the best software and product alternatives 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
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
We are continuing to add new project templates for various types of projects, and we've recently created one for the infamous combination of React with Vite tooling.
https://github.com/vercel/next.js/discussions/27666 One of them said 'renaming folder to uppercase' might cause trouble. git might not recognize case-sensetive changes by default.
Project mention: Developing Proficiency in Multiple Programming Languages: Part 1 - My Story | dev.to | 2024-04-29There was always a tiny sparkle in me telling me that I want to develop mobile apps but I never pursued it. It always felt a bit complicated for me to learn development processes in a completely different industry. I did try developing mobile apps using React Native but it never felt right for me. Also, I already tried to write some Kotlin code and so far I like it, but the whole Android ecosystem is still pretty new to me and I feel there will be a lot to learn. Nevertheless, I will try to learn it in parallel with Elixir but Elixir will be my primary goal, and Kotlin / Android will go along depending on how much time I will have.
Create React App (CRA) abstracts away the complexity of configuring Webpack, Babel, and other build tools, allowing developers to focus on writing React code. It includes features such as hot module reloading for efficient development.
Ant Design
Source: qcatch on Feb 22, 2024 https://github.com/storybookjs/storybook/discussions/25470
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: Integrate Copilot feature into your React applications using CopilotKit | dev.to | 2024-05-03Shadcn UI
The first time I started building static websites is when I discovered Gatsby. I built several projects using Gatsby and hosted it on Netlify free tier. It felt like a really robust architecture and I loved that it was free.
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.
Congratulations, you now know how to use TypeScript in your React App. For further reading check out this React TypeScript cheat sheet
Project mention: Integrate Copilot feature into your React applications using CopilotKit | dev.to | 2024-05-03State Management: Zustand
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.
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
-
Why I rarely use `getByRole`: Testing Library and the first rule of ARIA
-
How to Build Progressive Web Apps in 2024? A Step-byStep Guide
-
Integrate Copilot feature into your React applications using CopilotKit
-
AsyncAPI: a practical look
-
Deploying organization repo to Vercel with a hobby plan
-
Shadcn UI: A Developer's Delight (My Experience)
-
formengine VS react-hook-form - a user suggested alternative
2 projects | 2 May 2024 -
A note from our sponsor - SaaSHub
www.saashub.com | 3 May 2024
Index
What are some of the best open-source React projects? This list will help you:
Project | Stars | |
---|---|---|
1 | freeCodeCamp | 388,278 |
2 | React | 222,111 |
3 | Next.js | 120,804 |
4 | react-native | 115,998 |
5 | create-react-app | 101,893 |
6 | Material UI | 91,692 |
7 | antd | 90,233 |
8 | storybook | 82,881 |
9 | bun | 70,679 |
10 | ChatGPT-Next-Web | 68,127 |
11 | awesome-react | 62,008 |
12 | 33-js-concepts | 61,875 |
13 | superset | 58,852 |
14 | shadcn/ui | 57,417 |
15 | Gatsby | 55,023 |
16 | Docusaurus | 52,968 |
17 | Ionic Framework | 50,430 |
18 | Meteor JS | 44,047 |
19 | react | 43,998 |
20 | zustand | 42,708 |
21 | hyperterm | 42,656 |
22 | 30-Days-Of-JavaScript | 40,971 |
23 | awesome-react-components | 40,388 |
Sponsored