JavaScript React

Open-source JavaScript projects categorized as React

Top 23 JavaScript React Projects

  • GitHub repo React

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

    Project mention: I just finished my first 'good' looking Landing Page for a documentation. (agile-ts.org) | reddit.com/r/webdev | 2021-02-27

    Stack: - React - docusaurus - TypeScript - AgileTs - CSS Modules (before styled-components)

  • GitHub repo create-react-app

    Set up a modern web app by running one command.

    Project mention: ANKO - A dad's attempt to make the daughter fall in love with mathematics | dev.to | 2021-02-25

    The Create-React-App was the default choice to get started with a React-based application. The next thing was to create a couple of DIVs and a button to prepare the app's initial page.

  • Scout

    Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • 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: Is it illegal to take inspiration from a website? | reddit.com/r/computerscience | 2021-02-22
  • GitHub repo Next.js

    The React Framework

    Project mention: SSR(Server Side Rendering) or CSR(Client Side Rendering) for my Website? | reddit.com/r/reactjs | 2021-02-28

    Hey! Have a look to NextJS, as it allows to create SSR and Static Sites combined (depending on the page) using react.

  • GitHub repo Gatsby

    Build blazing fast, modern apps and websites with React

    Project mention: Building out account pages for headless Shopify store | reddit.com/r/gatsbyjs | 2021-02-27

    I’ve had similar issues and running the node command at the end of this has helped, try running it, then doing a fresh gatsby develop: https://github.com/gatsbyjs/gatsby/issues/25858

  • GitHub repo 33-js-concepts

    📜 33 concepts every JavaScript developer should know.

    Project mention: JavaScript learning resources | dev.to | 2021-01-21

    33 JS concepts

  • GitHub repo styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

    Project mention: Media queries & custom props on Styled Components | React | dev.to | 2021-02-27

    In this step I will assume that we have a project with React, Typescript and Styled Components configured correctly and I will only show the dependencies that will be used in this tutorial:

  • GitHub repo awesome-react-native

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

    Project mention: 25+ awesome-repo for Frontend Developers | dev.to | 2020-12-17

    awesome-react-native - Awesome React Native components, news, tools, and learning material!

  • GitHub repo Preact

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

    Project mention: Tauri: An Electron alternative written in Rust | news.ycombinator.com | 2021-02-19

    It depends on what application you have in mind.

    React needs web browser compatibility layer to work in Sciter.JS as React was designed strictly for browsers.

    For that matter: PReact ( https://preactjs.com/ ) works out of the box already, see : https://github.com/c-smile/sciter-js-sdk/tree/main/samples/p... ;

    MithrilJS ( https://mithril.js.org/ ) works as it is also.

    SvelteJS works as it is with Sciter.JS too.

    Also Sciter.JS has it own native implementation of JSX ( it's built-in ) on JS core of Sciter.JS and also DOM extended by native element.patch(vdom) that makes "reactivity" to work in Sciter.JS with native speed.

    Yet quite a lot of UI components are natively built-in. For example:

    https://sciter.com/behaviorvirtual-list-for-sciter-and-scite... and https://sciter.com/sciter-js-themes/

  • GitHub repo taro

    开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/

    Project mention: Top 10 Developer Trends, Thu Oct 22 2020 | dev.to | 2020-10-22

    NervJS / taro

  • GitHub repo react-boilerplate

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

  • GitHub repo SheetJS js-xlsx

    :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

    Project mention: How can I map data from an excel sheet through react? | reddit.com/r/reactjs | 2021-02-19

    React is a library that only cares about rendering JavaScript data on the DOM and related stuff. If you need to read an Excel file and transform it into a JavaScript object, you need to use the html file picker and, once you load the blob, a library to parse this blob. Last time I used https://github.com/SheetJS/sheetjs

  • GitHub repo N1

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

  • GitHub repo react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    Project mention: I'm building a menu bar app to check the things that matter to you | reddit.com/r/SideProject | 2021-02-25

    Thanks. I'm using this lib https://github.com/atlassian/react-beautiful-dnd.

  • GitHub repo react

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

    Project mention: The wiki does not list any React+TypeScript learning resource | reddit.com/r/reactjs | 2021-02-26

    The single best resource is https://react-typescript-cheatsheet.netlify.app/ , which is very comprehensive.

  • GitHub repo react-virtualized

    React components for efficiently rendering large lists and tabular data

    Project mention: Faster painting? | reddit.com/r/react | 2021-02-13

    Virtualize components that are not visible (ie do not actually render them unless they are in view). This is generally for large lists. Use this library to help with that - https://github.com/bvaughn/react-virtualized

  • GitHub repo react-redux

    Official React bindings for Redux

    Project mention: Celery task progress bar in React | dev.to | 2021-02-11

    For this tutorial, I am using react-redux. In the redux actions.js file, I have created two functions, one for adding the data (named as addData), and another for getting the progress of the task (named as getProgress). The addData function will only useful for adding the data to the server.

  • GitHub repo react-native-elements

    Cross-Platform React Native UI Toolkit

    Project mention: If you've been hesitating to give Reanimated 2 a try for awhile, this is your best shot. I put a lot of effort to make it as concise and simple to start with. I truly hope this will be helpful. Very open to feedback, so really speak your mind! | reddit.com/r/reactnative | 2021-02-25

    are you looking for libraries like react-native-elements? there's a list of it here.

  • GitHub repo Enzyme

    JavaScript Testing utilities for React

    Project mention: Hacer test de componentes en React con Enzyme | dev.to | 2021-02-11
  • GitHub repo react-bootstrap

    Bootstrap components built with React

    Project mention: A postmortem of A dirty trail, a text based game | dev.to | 2021-01-04

    For the styling, I used react-bootstrap for the sole reason that I felt nostalgic about the good old days in which all apps seemed to use Bootstrap, and wanted to catch up with the latest version of it.

  • GitHub repo react-native-web

    React Native Components and APIs for the Web

    Project mention: esbuild & react-native-web - III: Performance | dev.to | 2021-02-07

    Developed by Facebook, metro is the standard bundler and transpiler for react-native. We used the recipe of this issue to run Metro for the web. In first post, the version of Metro was 0.58.0, and in the second post (GoolgeFit) the version was 0.56.4. The command used to run Metro was: npx react-native.cmd bundle --platform web --dev false --entry-file node_modules/expo/AppEntry.js --bundle-output ./web-metro/bundle.js --assets-dest ./web-metro --config metro.config.js --minify true --sourcemap-output web-metro/bundle.js.map Here you can find the metro.config.js.

  • GitHub repo JHipster

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

    Project mention: Is there anything like ASP.NET Razor templates for login, register, manage account and others in Spring framework? | reddit.com/r/java | 2021-02-13
  • GitHub repo Boostnote

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

    Project mention: Legacy is the best ! | reddit.com/r/Boostnote | 2021-01-14

    I am not sure if those improvements will get to the legacy version but you can create issues and see if there is any interest for that in GitHub (for both versions: https://github.com/BoostIO/BoostNote.next and https://github.com/BoostIO/Boostnote).

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-02-28.

Index

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

Project Stars
1 React 164,148
2 create-react-app 86,256
3 material-ui 65,465
4 Next.js 63,011
5 Gatsby 49,156
6 33-js-concepts 36,563
7 styled-components 32,717
8 awesome-react-native 29,121
9 Preact 28,386
10 taro 28,252
11 react-boilerplate 27,034
12 SheetJS js-xlsx 24,652
13 N1 24,590
14 react-beautiful-dnd 22,604
15 react 22,239
16 react-virtualized 21,075
17 react-redux 20,639
18 react-native-elements 20,140
19 Enzyme 19,405
20 react-bootstrap 19,037
21 react-native-web 18,281
22 JHipster 18,027
23 Boostnote 17,279