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. Learn more →
Top 23 React Open-Source Projects
-
-
This isn’t an accident; when Meta introduced React Server Components, Dan Abramov explicitly stated that they collaborated with the Next.js team to develop the RSC webpack plugin.
-
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.
-
Project mention: The best testing setup for frontends, with Playwright and NextJS | dev.to | 2024-04-18
We want to share with you the best testing setup we've experienced - and this includes using Playwright and NextJS. It's a setup we've come up with for Infinite React DataGrid, which is a complex component, with lots of things to test, but this configuration has helped us ship with more confidence and speed.
-
Recently, there has been a notable shift in mobile application development practices. Rather than creating separate applications for each native platform, many developers are opting for hybrid mobile frameworks like React Native.
-
Project mention: Integration of Angular, Vue.js and React with .NET: Creating a Modern Web Experience | dev.to | 2024-04-10
Immerse yourself in the official Create React App documentation for a deeper understanding.
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
-
Ant Design
-
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.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
[Bug]: Configuration with TailwindCss Next.js using Tailwind with Storybook
-
At Node Conference 2023, Jarred Sumner (creator of Bun) showed a demo of server components in Bun, so there is at least partial support in that ecosystem. The Bun repo provides bun-plugin-server-components as the official plugin for server components. And while I haven’t looked at it in-depth, Marz claims to be a “React Server Components Framework for Bun”.
-
ChatGPT-Next-Web
A cross-platform ChatGPT/Gemini UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT/Gemini 应用。
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.
-
2. 📜 33 JavaScript concepts every developer should know.
-
View on GitHub
-
Superset is absolutely phenomenal. I really hope Microsoft eventually releases all of their customizations they made to it internally to the OS community someday.
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Honestly the ergonomics of heavily customizable generic component libraries aren't great. Copy and pasting a simple component to make the specific customizations you want helps reduce JS ecosystem churn and dependency pain. Popularity of libraries like shadcn/ui [1] are good acknowledgements of that.
-
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.
-
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.
-
Project mention: Meteor v3 uses express under the hood – How to use and deploy it. | dev.to | 2024-03-04
As 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.
-
react
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)
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.
-
Daishi Kato, creator of Zustand and Jotai, says there are a few things we need to support RSC serialization:
-
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
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-14
Explore a curated list of awesome React components that can save you time and effort.
-
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.
React related posts
- The best testing setup for frontends, with Playwright and NextJS
- Ask HN: Can anyone suggest few open source projects for SaaS Boilerplate?
- Implementing Internationalization (i18n) in Next.js 14 using App Router
- Setup XM Cloud Multi-site on Netlify
- Astro.js as an alternative to Next.js: pushing the limits
- React Server Components Example with Next.js
- React 19: The long-expected features
-
A note from our sponsor - SurveyJS
surveyjs.io | 18 Apr 2024
Index
What are some of the best open-source React projects? This list will help you:
Project | Stars | |
---|---|---|
1 | freeCodeCamp | 387,222 |
2 | React | 221,535 |
3 | Next.js | 120,313 |
4 | react-native | 115,579 |
5 | create-react-app | 101,812 |
6 | Material UI | 91,511 |
7 | antd | 90,059 |
8 | storybook | 82,676 |
9 | bun | 70,251 |
10 | ChatGPT-Next-Web | 67,190 |
11 | 33-js-concepts | 61,756 |
12 | awesome-react | 61,731 |
13 | superset | 58,576 |
14 | shadcn/ui | 56,012 |
15 | Gatsby | 54,983 |
16 | Docusaurus | 52,686 |
17 | Ionic Framework | 50,366 |
18 | Meteor JS | 44,017 |
19 | react | 43,914 |
20 | hyperterm | 42,597 |
21 | zustand | 42,308 |
22 | 30-Days-Of-JavaScript | 40,847 |
23 | awesome-react-components | 40,257 |