JavaScript React

Open-source JavaScript projects categorized as React

Top 23 JavaScript React Projects

  • GitHub repo freeCodeCamp

    freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.

    Project mention: Problem while opening the projects in ipad | reddit.com/r/FreeCodeCamp | 2021-06-10

    I've reported this as a GitHub Issue. You can track it here: https://github.com/freeCodeCamp/freeCodeCamp/issues/42431

  • GitHub repo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

    Project mention: How to Create a Todo List with React and Sanity | dev.to | 2021-06-22

    Intermediate knowledge of React, including state, context and effect hooks

  • GitHub repo create-react-app

    Set up a modern web app by running one command.

    Project mention: Very Useful Features Provided By Create React App You Might Not Know | dev.to | 2021-06-23

    In this article, we will explore the lesser-known but very useful features provided by create-react-app.

  • GitHub repo Next.js

    The React Framework

    Project mention: How I Built An Incomplete CMS | dev.to | 2021-06-23

    I began building a blog application for a site that I may or may not finish. The bulk of the project is based on the blog-starter-typescript example in the NextJs GitHub repo. Their example loads markdown files from a folder in the root directory and uses remark and gray-matter to convert the markdown into html and to get file metadata. The example code for these function is located in their lib folder as api.ts and markdownToHtml.ts.

  • GitHub repo material-ui

    Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

    Project mention: Strange issue in production build, Links occasionally stop working. | reddit.com/r/nextjs | 2021-06-17

    I had a button with a link that sometime became unresposive. https://github.com/mui-org/material-ui/tree/master/examples/nextjs material ui provides example for nextjs. There is a config for that and then suddenly everything worked. It was not just links, even icons were blown out of proportion sometimes when they loaded.

  • GitHub repo Gatsby

    Build blazing fast, modern apps and websites with React

    Project mention: CSP bypass: How one Chrome XSS bug took 2.5 years and an HTML spec change to fix | news.ycombinator.com | 2021-06-22

    React itself can be fine, but most of the ecosystem doesn't.

    Next.JS: https://github.com/vercel/next.js/issues/256

    Gatsby: https://github.com/gatsbyjs/gatsby/discussions/10890

    Create React app (a solution exists, but is not enabled by default): https://stackoverflow.com/questions/58354362/inline-script-b...

    Google tag manager involves jumping through hoops the people running GTM usually won't jump through: https://developers.google.com/tag-manager/web/csp

  • GitHub repo 33-js-concepts

    📜 33 JavaScript concepts every developer should know.

    Project mention: 23 useful GitHub Repos every developer should follow | dev.to | 2021-05-31

    Repo Link: https://github.com/leonardomso/33-js-concepts

  • GitHub repo awesome-react-native

    Awesome React Native components, news, tools, and learning material!

    Project mention: Awesome list of React Native resources | reddit.com/r/codeforma | 2021-05-23
  • GitHub repo Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

    Project mention: No need for virtual DOM and controlled components | dev.to | 2021-06-22

    Appealing about Preact is its minimalism. There is no virtual DOM, no unnecessary code and no unnecessary render, at least this is the goal that the Preact developers strive for.

  • GitHub repo react-boilerplate

    :fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

    Project mention: React Boilerplates in 2021 - The complete guide | dev.to | 2021-06-13

    Another tool worth adding to the list when it comes to setting up a react project is react-boilerplate. On its landing page, react-boilerplate provides this description:

  • GitHub repo react

    Cheatsheets for experienced React developers getting started with TypeScript (by typescript-cheatsheets)

    Project mention: What are some must know patterns for typescript + react | reddit.com/r/typescript | 2021-06-11
  • GitHub repo SheetJS js-xlsx

    :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

    Project mention: Import data to firestore database using excel sheet by python script. | reddit.com/r/Firebase | 2021-06-06
  • GitHub repo N1

    :love_letter: An extensible desktop mail app built on the modern web. Forks welcome!

    Project mention: Fed up with the Mac, I spent six months with a Linux laptop | news.ycombinator.com | 2021-04-02

    > - Finding a mail client I don't hate on linux is tricky. I've never been able to get on with the console clients, and I actually quite like Mac Mail. Thunderbird is kinda okay.

    If you're not a mailing list based developer, I would recommend Nylas Mail, which is both snappy any polished.

    https://github.com/nylas/nylas-mail

  • GitHub repo react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    Project mention: Pretty happy with how this menu turned out. Beautiful-React-DnD is amazing! | reddit.com/r/reactjs | 2021-05-02

    https://github.com/atlassian/react-beautiful-dnd, there’s some good tutorials on how to get it working if you google it. Takes a bit of boilerplate to get it implemented.

  • GitHub repo react-virtualized

    React components for efficiently rendering large lists and tabular data

    Project mention: Scroll to element in list | reddit.com/r/reactjs | 2021-05-20

    Just wondering if using the following might help https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md

  • GitHub repo react-redux

    Official React bindings for Redux

    Project mention: useReducer & useContext design patterns? | reddit.com/r/reactjs | 2021-06-06

    Maybe you've got WYSIWYG state. That should definitely go in Redux, so it can be saved and rehydrated easily.

  • GitHub repo Enzyme

    JavaScript Testing utilities for React

    Project mention: Interview questions: React | dev.to | 2021-05-31

    Shallow rendering components using Enzyme

  • GitHub repo react-bootstrap

    Bootstrap components built with React

    Project mention: Steps to Create A To-Do App With MERN stack | dev.to | 2021-06-18
  • GitHub repo react-native-web

    React Native Components and APIs for the Web

    Project mention: Notion pulled itself back from the brink of failure (2019) | news.ycombinator.com | 2021-06-17
  • GitHub repo JHipster

    JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.

    Project mention: What's everyone working on this week (24/2021)? | reddit.com/r/rust | 2021-06-13

    Mostly KDash and if possible progress on a JHipster blueprint for Rust microservices

  • GitHub repo electron-react-boilerplate

    A Foundation for Scalable Cross-Platform Apps

    Project mention: Any official tool to create electron project with Typescript and ReactJS? | reddit.com/r/electronjs | 2021-06-05
  • GitHub repo Boostnote

    A markdown editor for developers on Mac, Windows and Linux.

    Project mention: Where is the insert date shortcut? | reddit.com/r/Boostnote | 2021-06-20

    Also, if this is a feature request, you can open one here for boost note next: https://github.com/BoostIO/BoostNote.next/issues, or for old boost (legacy) note: https://github.com/BoostIO/Boostnote/issues

  • GitHub repo react-loadable

    :hourglass_flowing_sand: A higher order component for loading components with promises.

    Project mention: React Lazy Loading; does it slow down your app? | reddit.com/r/reactjs | 2021-04-18

    Preloading is possible with react-loadable: https://github.com/jamiebuilds/react-loadable#preloading

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). The latest post mention was on 2021-06-23.

Index

What are some of the best open-source React projects in JavaScript? This list will help you:

Project Stars
1 freeCodeCamp 325,262
2 React 170,323
3 create-react-app 88,568
4 Next.js 69,737
5 material-ui 68,957
6 Gatsby 50,606
7 33-js-concepts 40,697
8 awesome-react-native 29,849
9 Preact 29,327
10 react-boilerplate 27,614
11 react 25,925
12 SheetJS js-xlsx 25,914
13 N1 24,604
14 react-beautiful-dnd 24,039
15 react-virtualized 21,917
16 react-redux 21,090
17 Enzyme 19,589
18 react-bootstrap 19,545
19 react-native-web 18,876
20 JHipster 18,559
21 electron-react-boilerplate 17,804
22 Boostnote 17,411
23 react-loadable 16,009