The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more! Learn more →
Top 23 React Open-Source Projects
freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.Project mention: How Open Source helped me get into the GitHub Octernships program. | dev.to | 2023-08-02
I started open source software development a few months into my last internship, after one of my colleagues suggested it. When I made my first open source contribution, I realized how much of an impact I could create with this work, especially because of the size of the org I contributed to. My first PR was a feature that I added to the freeCodeCamp codebase; this repo has the highest number of stars on GitHub! I made this contribution in October, and to my surprise, I got an email in December informing me that I was one of the top contributors of 2022 to the freeCodeCamp codebase because of this contribution! I was elated and the sense of satisfaction that I got from this feat was something that I had not experienced before. freeCodeCamp was also the first open source community I was a part of, interacting with the maintainers in their Discord server daily to get my PRs merged and learn more about the codebase!
The library for web and native user interfacesProject mention: Top 5 Js Frameworks | dev.to | 2023-09-21
The React FrameworkProject mention: Ask HN: Risk of Vendor Lock-In with Next.js | news.ycombinator.com | 2023-09-28
As someone who runs Next.js with a custom server setup on a VPS, I think the haydays of Next.js are behind us. I'm looking to simplify my frontend stack. I love how stable my Node.js backend is and want the same for my frontend.
A framework for building native applications using ReactProject mention: Dev Container for React Native with Expo | dev.to | 2023-09-22
In this post, I'll show how to create a Development container (aka dev container) to use it to develop a React Native app with Expo.
Set up a modern web app by running one command.Project mention: Making Sense of React Server Components | news.ycombinator.com | 2023-09-06
Can you be more specific which linting rule you're talking about or the sake of readers who may be unaware, and perhaps mention how this completely solves this problem? Because 1. a linting rule does not absolve this from being a footgun and 2. if you're talking about 'exhaustive-deps' there are many cases where following the linter here has caused infinite render loops among newbies across multiple teams I've worked with. Also see this highly contentious thread: https://github.com/facebook/create-react-app/issues/6880
MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.Project mention: 13 Must Know Libraries for a React Developer | dev.to | 2023-08-15
With GitHub stars of 88K(August 2023) and weekly NPM downloads of 2.9 million(August 2023), MUI is one of the most popular React UI libraries in the world.
An enterprise-class UI design language and React UI libraryProject mention: ⚡ Best Open Source React framework and libraries for Building Enterprise B2B apps | dev.to | 2023-09-27
Additionally, refine offers built-in integrations with Ant Design, Material UI, Mantine, and Chakra UI, providing swift starting points for your projects.
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.Project mention: PSA: Storybook sends telemetry data, opt-in by default | news.ycombinator.com | 2023-09-21
I took some interest in the concept of hashing IPs to avoid PII issues , and it turns out that since there's only so few IPv4 addresses, it's trivial to simply take the salt the project uses and calculate all the hashes. On my laptop it would take around two hours with the most naive implementation, so I don't really think this solves anything. This problem would be sidestepped by IPv6, but we all know how that is going so far.
Replace is-not-bun with the name of your package. This tutorial is the text version of this Youtube tutorial and will address the same problem space of determining if a user is running an npm package using Bun (you don't need to know about Bun either).
A collection of awesome things regarding React ecosystemProject mention: Angular vs. React vs. Vue.js: Comparing performance | dev.to | 2023-09-06
One thing that stands out from React’s history and creation is the power of open source projects and an active community. React's ecosystem provides a vast array of third-party libraries and tools that extend its functionality and make it easier to create performant applications.
The best React-based framework with performance, scalability and security built in.Project mention: Finding the Best React CMS: A Comprehensive Guide | dev.to | 2023-09-10
Flexibility : Developers have complete control over the frontend so they can use their preferred tools and frameworks like React, Next.js, Gatsby, or Remix.
Apache Superset is a Data Visualization and Data Exploration PlatformProject mention: Yandex open sourced it's BI tool DataLens | news.ycombinator.com | 2023-09-26
Or like not being able to delete a user without running some SQL:
Almostl instantly run into this issue setting up a test instance of Superset. And the issue has been around for years.
Ionic Framework UI Components are used to build a website and then a mobile application is built using Ionic Capacitor. Ionic UI components are not required but are used for UX. The vue js code presented here will work fine in a separate application.
Easy to maintain open source documentation websites.Project mention: User Guides in Code Documentation: Empowering Users with Usage Instructions | dev.to | 2023-08-20
Docusaurus is a static-site generator. It builds a single-page application with fast client-side navigation, leveraging the full power of React to make your site interactive. It provides out-of-the-box documentation features but can be used to create any kind of site (personal website, product, blog, marketing landing pages, etc).
Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14
Quickly reference the essentials with these handy React cheatsheets.
A terminal built on web technologies
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅Project mention: Media Queries and Responsive Design | dev.to | 2023-09-14
You can use Media Queries in Styled-Components similar to how you would use them in CSS, other than the fact that you can define custom screen sizes in your theme and access them inside your Media Queries:
Curated List of React Components & Libraries.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.
🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.Project mention: Explicit Design, Part 6. Cross-Cutting Concerns and Extendable Infrastructure | dev.to | 2023-08-21
By the way, I think that useSWR and React Query take on too much. They go too deep into the multiple application layers, making themselves no longer “non-opinionated,” and in some cases, using them becomes inconvenient. There are libraries that implement the SWR standard and do not use hooks, but there are not many of them.
An extremely fast bundler for the webProject mention: Why use Vite when Bun is also a bundler? - Vite vs. Bun | dev.to | 2023-09-19
For production, Vite can use another bundler, esbuild, to speed up transpilation and minification, while it in production also uses the bundler Rollup to create the client side JS bundle, due to Rollup's flexible API. Even though Vite uses ESM in development environment, for speed. In the future Vite may use esbuild entirely for bundling instead of Rollup, due to the speed it would gain.
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.Project mention: Nue: A React/Vue/Vite/Astro Alternative | news.ycombinator.com | 2023-09-14
A truly reactive Preact  is merely 3 kb of JS.
OTOH the need for really simple bits of interactivity does occur in real life. If the htmx  approach does not cu it, a micro-library like this could.
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
React related posts
Coding Snippets Dev Log (9/27/23)
1 project | dev.to | 28 Sep 2023
Ask HN: Risk of Vendor Lock-In with Next.js
1 project | news.ycombinator.com | 28 Sep 2023
Native Cosmos USDC is getting an awesome traction
1 project | /r/cosmosnetwork | 27 Sep 2023
Looking for a self-hosted cross-platform note-taking application with user decentralized for business.
1 project | /r/selfhosted | 27 Sep 2023
⚡ Best Open Source React framework and libraries for Building Enterprise B2B apps
5 projects | dev.to | 27 Sep 2023
How to implement an optional route segment for SEO-friendly URLs?
1 project | /r/nextjs | 27 Sep 2023
Google Podcasts to shut down in 2024
3 projects | news.ycombinator.com | 26 Sep 2023
A note from our sponsor - Appwrite
appwrite.io | 28 Sep 2023
What are some of the best open-source React projects? This list will help you: