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).
Vite and Next.js are both top 5 modern development framework right now. They are both great depending on your use case so we’ll discuss 4 areas: Architecture, main features, developer experience and production readiness. After learning about these we’ll have a better idea of which one is best for your project.
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: 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.
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
- The Internet Archive's last-ditch effort to save itself
- Top 12+ Battle-Tested React Boilerplates for 2024
- Using NetBird for Kubernetes Access
- Vite vs Nextjs: Which one is right for you?
- A brief history of web development. And why your framework doesn't matter
- First impressions matter! Take your GitHub profile to the next level!
- System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days
-
A note from our sponsor - WorkOS
workos.com | 29 Apr 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 | 221,803 |
3 | Next.js | 120,572 |
4 | react-native | 115,758 |
5 | create-react-app | 101,893 |
6 | Material UI | 91,600 |
7 | antd | 90,233 |
8 | storybook | 82,810 |
9 | bun | 70,679 |
10 | ChatGPT-Next-Web | 68,127 |
11 | awesome-react | 61,918 |
12 | 33-js-concepts | 61,875 |
13 | superset | 58,852 |
14 | shadcn/ui | 56,834 |
15 | Gatsby | 55,016 |
16 | Docusaurus | 52,824 |
17 | Ionic Framework | 50,410 |
18 | Meteor JS | 44,047 |
19 | react | 43,998 |
20 | hyperterm | 42,656 |
21 | zustand | 42,526 |
22 | 30-Days-Of-JavaScript | 40,920 |
23 | awesome-react-components | 40,388 |
Sponsored