SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript React Projects
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Project mention: Scarab Diagnostic Suite Field Test #012: Next.js Source Map Provenance Boundary | dev.to | 2026-06-06
-
Project mention: Preact vs Astro 4: The Performance Battle benchmark in High-Scale | dev.to | 2026-05-07
Preact’s 3.2kB core is already small, but high-scale apps often bloat bundles with unnecessary dependencies, utility libraries, and duplicate code. First, audit your bundle with webpack-bundle-analyzer or source-map-explorer to identify large dependencies. Replace moment.js (67kB gzipped) with date-fns (12kB gzipped) or dayjs (2kB gzipped) for date formatting. Use preact/compat only if you need React ecosystem libraries, as it adds ~1kB of overhead. Enable strict tree shaking in your bundler: for Vite (recommended for Preact), set build.rollupOptions.treeshake: 'smallest' to eliminate all unused code. In our 10k component benchmark, enabling strict tree shaking reduced Preact bundle size by 38%, from 1.2MB to 744kB. For server-side rendering with Preact, use preact-render-to-string instead of React’s renderToString, which is 40% faster for large component trees. Always minify and gzip your bundles: use vite-plugin-compression to generate pre-compressed .gz and .br files, which reduce transferred bytes by 60-70% for text-based assets. Avoid bundling large static assets (images, videos) with your JS bundle; use a CDN like Cloudflare or AWS CloudFront instead, which reduces server load and bundle size.
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Project mention: Show HN: Typique – a bundler-independent, zero-runtime CSS-in-TS library | news.ycombinator.com | 2026-01-07Hi HN! I’ve been following zero-runtime CSS-in-JS/TS libraries for a while and noticed that most of them end up overwhelmed by bundler compatibility issues. A good summary of these problems is in the final status report [1] of Pigment CSS — MUI’s attempt in this space.
As someone working on TypeScript tooling, I started wondering whether this problem could be approached from a different angle: instead of relying on bundler plugins, use TypeScript types to define styles, and TypeScript tooling to provide locally scoped class and CSS variable names.
This led to Typique — a library built as a TypeScript plugin. It provides IDE integration (completion, diagnostics, quick fixes) and emits plain CSS without any dependence on bundler or framework. It’s early, but already usable; I’ve been using it in a couple of personal projects.
Feedback, questions, and skepticism are very welcome. Thanks for reading.
[1] https://github.com/mui/material-ui/issues/45759#issuecomment...
-
Project mention: 33-js-concepts VS javascript - a user suggested alternative | libhunt.com/r/33-js-concepts | 2026-01-15
-
Project mention: React Server Components without Next.js - what are the real alternatives today? | dev.to | 2026-02-03
Gatsby supports React Server Components in its SSR mode. The implementation is stable, but the scope is narrow. Gatsby primarily targets content-heavy and hybrid static use cases. While RSC can be used for dynamic server rendering, the framework is not optimized for deeply interactive applications built around server components. For certain classes of sites, this is acceptable. For general-purpose applications, it is limiting.
-
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: Blaze 3 Unofficial Simple Todos Tutorial with Meteor 3.4.1 + Rspack + PicoCSS | dev.to | 2026-05-08
-
reactjs-interview-questions
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
-
react-bits
An open source collection of animated, interactive & fully customizable React components for building memorable websites.
Project mention: How I Fixed a CSS Animation Bug in an Open Source React Library | dev.to | 2026-05-26If you want to check out the PR: https://github.com/DavidHDev/react-bits/pull/851
-
Project mention: How to Convert Supplier CSVs to Shopify/Amazon/WooCommerce Without Uploading to a Server | dev.to | 2026-06-01
eBay: 30+ fields (item specifics, variations, shipping) Each schema is a JSON file defining field names, data types, and validation rules. The mapper walks source → target assignments and applies type coercion (string → number, date formatting, etc.) before export. The entire app stays under 200 KB gzipped by avoiding heavy UI libraries. It's built with Preact + htm (no JSX build step) and styled with Tailwind CSS v4. Export & Practical Considerations Export uses the standard Blob + download API. No server round-trip — just an ephemeral click with URL.createObjectURL(). The free tier handles 50 rows, enough to validate the mapping before committing. Column mapping profiles can be saved and reused, which is useful when the same supplier sends weekly inventory files with identical headers. Try It If you deal with supplier files regularly, you might find this useful. SKUMart handles all of this out of the box — just drop a file and export.
-
Project mention: Ask HN: What Are You Working On? (September 2025) | news.ycombinator.com | 2025-09-29
-
SheetJS js-xlsx
📗 SheetJS Spreadsheet Data Toolkit -- New home https://git.sheetjs.com/SheetJS/sheetjs
Project mention: How to Convert Supplier CSVs to Shopify/Amazon/WooCommerce Without Uploading to a Server | dev.to | 2026-06-01The decision to process everything in the browser wasn't just about cost savings (zero server bills). It's a privacy feature: supplier inventory data, wholesale prices, and margin calculations never leave the user's machine. Technically, the app uses Papa Parse for CSV and SheetJS for XLSX, both loaded dynamically from CDN. The parsed rows are stored in a simple JavaScript array — no WebAssembly, no worker pool, just plain array operations that complete in under 50ms for typical supplier files.
-
-
homepage
A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations.
-
react-boilerplate
🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
-
-
30-Days-Of-React
30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
-
React Virtualized, React Window (a light-weight alternative with smaller bundle size and simpler API), and React-Window-infinite-loader are node packages for implementing List Windowing in various contexts.
-
-
javascript-testing-best-practices
📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2025)
-
Flutter targets six platforms from a single codebase: iOS, Android, web, macOS, Windows, and Linux. React Native's primary targets are iOS and Android. React Native for Web exists as a community-maintained extension, but it's not a first-class experience.
-
tabler-icons
A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.
I've used Tabler for everything so far (free, 4500 icons)
https://tabler.io/icons
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
JavaScript React discussion
JavaScript React related posts
-
React Compiler Rust Port
-
Scarab Diagnostic Suite Field Test #015: Facebook/React Compiler Non-Null Assertion Boundary
-
Scarab Diagnostic Suite Field Test #012: Next.js Source Map Provenance Boundary
-
Port React Compiler to Rust
-
Security in React, React Compiler Rust Port, Server Functions in parallel, Auth book, Vercel Sandbox Docker Support
-
Scarab Diagnostic Suite Field Test #008: Next.js Image Optimizer Resource Boundary
-
What I've learned about the trombone
-
A note from our sponsor - SaaSHub
www.saashub.com | 9 Jun 2026
Index
What are some of the best open-source React projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | React | 245,632 |
| 2 | Next.js | 139,866 |
| 3 | create-react-app | 103,389 |
| 4 | Material UI | 98,388 |
| 5 | 33-js-concepts | 66,469 |
| 6 | Gatsby | 55,952 |
| 7 | 30-Days-Of-JavaScript | 46,418 |
| 8 | Meteor JS | 44,779 |
| 9 | reactjs-interview-questions | 44,617 |
| 10 | react-bits | 40,481 |
| 11 | Preact | 38,676 |
| 12 | drawdb | 37,326 |
| 13 | SheetJS js-xlsx | 36,231 |
| 14 | awesome-react-native | 35,632 |
| 15 | homepage | 30,519 |
| 16 | react-boilerplate | 29,529 |
| 17 | javascript-interview-questions | 27,451 |
| 18 | 30-Days-Of-React | 27,399 |
| 19 | react-virtualized | 27,064 |
| 20 | N1 | 24,753 |
| 21 | javascript-testing-best-practices | 24,601 |
| 22 | react-native-web | 22,127 |
| 23 | tabler-icons | 20,838 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com