Top 23 JavaScript React Projects

• React

  68 164,148 9.7 JavaScript

  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)

• create-react-app

  39 86,256 8.4 JavaScript

  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

  Sponsored scoutapm.com

  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.

• material-ui

  14 65,465 9.9 JavaScript

  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

• Next.js

  104 63,011 9.9 JavaScript

  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.

• Gatsby

  33 49,156 10.0 JavaScript

  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

• 33-js-concepts

  2 36,563 5.6 JavaScript

  📜 33 concepts every JavaScript developer should know.

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

  33 JS concepts

• styled-components

  10 32,717 7.6 JavaScript

  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:

• awesome-react-native

  1 29,121 3.2 JavaScript

  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!

• Preact

  1 28,386 9.4 JavaScript

  ⚛️ 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/

• taro

  1 28,252 9.5 JavaScript

  开放式跨端跨框架解决方案，支持使用 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

• react-boilerplate

  0 27,034 0.0 JavaScript

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

• SheetJS js-xlsx

  2 24,652 6.3 JavaScript

  :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

• N1

  0 24,590 0.0 JavaScript

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

• react-beautiful-dnd

  4 22,604 5.0 JavaScript

  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.

• react

  4 22,239 9.1 JavaScript

  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.

• react-virtualized

  2 21,075 5.3 JavaScript

  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

• react-redux

  7 20,639 6.5 JavaScript

  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.

• react-native-elements

  3 20,140 8.8 JavaScript

  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.

• Enzyme

  2 19,405 7.6 JavaScript

  JavaScript Testing utilities for React

  Project mention: Hacer test de componentes en React con Enzyme | dev.to | 2021-02-11

• react-bootstrap

  1 19,037 8.7 JavaScript

  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.

• react-native-web

  8 18,281 8.2 JavaScript

  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.

• JHipster

  1 18,027 10.0 JavaScript

  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

• Boostnote

  1 17,279 5.8 JavaScript

  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).

Index