Top 23 JavaScript React Projects
-
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-27Stack: - React - docusaurus - TypeScript - AgileTs - CSS Modules (before styled-components)
-
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-25The 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.
-
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 -
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-28Hey! Have a look to NextJS, as it allows to create SSR and Static Sites combined (depending on the page) using react.
-
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-27I’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
📜 33 concepts every JavaScript developer should know.
33 JS concepts
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
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
Awesome React Native components, news, tools, and learning material!
awesome-react-native - Awesome React Native components, news, tools, and learning material!
-
Preact
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
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
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
NervJS / taro
-
react-boilerplate
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
-
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-19React 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
:love_letter: An extensible desktop mail app built on the modern web. Forks welcome!
-
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-25Thanks. I'm using this lib https://github.com/atlassian/react-beautiful-dnd.
-
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-26The single best resource is https://react-typescript-cheatsheet.netlify.app/ , which is very comprehensive.
-
react-virtualized
React components for efficiently rendering large lists and tabular data
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
Official React bindings for Redux
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
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-25are you looking for libraries like react-native-elements? there's a list of it here.
-
Enzyme
JavaScript Testing utilities for React
-
react-bootstrap
Bootstrap components built with React
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
React Native Components and APIs for the Web
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
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
A markdown editor for developers on Mac, Windows and Linux.
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
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 |