#React

Open-source projects categorized as React

Top 23 React Open-Source Projects

  • GitHub repo React

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

    Project mention: 2020 State of JS in Review | dev.to | 2021-03-02

    Looking through popular JavaScript frameworks, there are a few that top the usage charts year after year, such as React, Angular, and Vue. What was interesting to see while looking into JS front-end frameworks from 2019 to 2020 was the swift adoption of Svelte, which not only topped the charts in User Satisfaction and Interest in the past two years, but has moved it's way from the 9th to the 4th most used CSS framework in a year. This newly popular JavaScript framework is definitely worthy of a look for any Frontend Developer.

  • GitHub repo create-react-app

    Set up a modern web app by running one command.

    Project mention: The Best File Structure for Your React Components | reddit.com/r/react | 2021-03-01

    I can continue throw arguments and waste your time figuring out counter arguments which is not productive for the community, so let's kill the source of it :) - jsx is non standard file extension - by adding JSX to a js file will force you to change the extension which becomes a new file in git - should I have .jssc files for separate styled-components files? - tsx specifically is required because of a technical limitation and not because it's better - about the community standards https://github.com/facebook/create-react-app/releases/tag/v0.4.1 I prefer to listen to him than Airbnb opinions - claiming that React is not like Angular and this means it shouldn't have standards is funny - using React with classes or hooks, OOP or functional programing is not standard like choosing file extensions

  • 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: Material design on typescript without angular | reddit.com/r/MaterialDesign | 2021-03-01

    I use https://material-ui.com/ It has loads of components and really good support for styles and themes!

  • GitHub repo Next.js

    The React Framework

    Project mention: Why Use JAMstack for eCommerce in 2021? | dev.to | 2021-03-02

    Next.js

  • GitHub repo storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Project mention: Breaking down a very large re-design project. What's your process? | reddit.com/r/UI_Design | 2021-03-02

    Since you've already done the work to create a design system, I would encourage the client to allocate engineering resources towards implementing your design system in a generalized way as a component library, even going so far as to create some component documentation like storybook. This way, the redesign of each flow will be quick, painless, and without need for pixel perfect designs. This should make some redesigns so obvious they won't need your intervention. Others might only need wireframes, and only a few should require a full design. It will also enforce good design with code, even after you move on, by making it hard to break rules and easy for lazy engineers to use good design rather than building their own creations.

  • GitHub repo Gatsby

    Build blazing fast, modern apps and websites with React

    Project mention: Why Is Kubernetes So Hard? | dev.to | 2021-03-02

    Him: “kind: Deployment” You: “Oh, I see. Yes, I like it.” Him: “apiVersion: apps/v1beta1.” You: “Uh, okay. Isn’t v1beta1 out of date? You can use v1 as of k8s 1.9. It’s actually removed in 1.16, but I wonder how many people have never updated.” Him: “Start over.” You: “Wat.” Him: “kind: Deployment” You: “Stop with the Kinds everywhere!” Him: “apiVersion: apps/v1” You: “This again.” Him: “spec:” You: “Huh??” Him: “selector:” You: “No.” Him: “matchLabels:” You: “Wat.” Him: “app: nginx” You: “That’s nearly the first thing I’ve understood about this so far.” Him: “spec:” You: “Again?” Him: “containers:” You: “Okay, now we’re getting somewhere.” Him: “image: nginx:1.14.2” You: “Hmm.” Him: “ports:” You: “Aiiiiieeee.” Him: “containerPort: 80” You: “I’m going home. I quit. There must be a devops job I can get where I work on [Gatsby blogs](https://www.gatsbyjs.com/ "Gatsby nodejs frontend") all day.”

  • GitHub repo Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    Project mention: How Do I Make Svelte App As Pwa | reddit.com/r/sveltejs | 2021-03-02

    Also in the "native" world, there is Ionic. This one uses Webviews.

  • GitHub repo awesome-react

    A collection of awesome things regarding React ecosystem

    Project mention: Ruby on rails 2021 | reddit.com/r/rails | 2021-01-14

    I’m sorry, I’m not super familiar w the react community. Here’s a link I found to a few projects: https://github.com/enaqx/awesome-react#real-react-apps

  • 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 superset

    Apache Superset is a Data Visualization and Data Exploration Platform

    Project mention: How To Build a Slack Activity Dashboard With Open Source | dev.to | 2021-03-02

    This article will show how to use Airbyte - open-source data integration platform - and Apache Superset - open-source data exploration platform - in order to build a Slack activity dashboard showing:

  • GitHub repo hyperterm

    A terminal built on web technologies

    Project mention: What Terminal Emulator is this? | reddit.com/r/commandline | 2021-02-23

    Looks like it may be Hyper. The shell is probably ZSH or Fish - I know there are plugins for both shells to give that kind of autocomplete.

  • 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: Voltar a estudar programação e dinheiro | reddit.com/r/brdev | 2021-03-02
  • 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: jQuery 3.6.0 Released | news.ycombinator.com | 2021-03-02

    > and that's the lean alternative to React.

    Ahem https://preactjs.com/

  • 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 formik

    Build forms in React, without the tears 😭

    Project mention: How to create dynamic forms in react using react-hook-forms. | dev.to | 2021-02-28

    There are many Libraries to create Dynamic Forms in react like react-jsonchema-form, Formik, react-form, react final-form most of these the libraries are used immensely, but I would suggest you to use react-hook-forms because of some reasons given below.

  • GitHub repo awesome-react-components

    Curated List of React Components & Libraries.

    Project mention: 🚀10 Trending projects on GitHub for web developers - 26th February 2021 | dev.to | 2021-02-26

    View on GitHub

  • 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 MobX

    Simple, scalable state management.

    Project mention: Most popular Flutter libraries for state management in 2021 | dev.to | 2021-02-11

    Really nice and simple for newcomers without a lot of boilerplate. Unfortunately you need use builder, automatic generate the code after some change and wait for it. Library is inspired by MobX project from JavaScript.

  • GitHub repo react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    Project mention: React Beautiful DND a drag and drag library for react, free quick course on egghead | reddit.com/r/react | 2021-03-01

    React-Beautiful-DND - https://github.com/atlassian/react-beautiful-dnd does amazing job simplifying it and keep focusing on your project rather then fighting with the drag and drop functionality! Instead struggling for days it took me just few hours to implement drag and drop using it - I say it from experience.

  • GitHub repo react

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

    Project mention: Mastering Typescript for React Hooks | reddit.com/r/reactjs | 2021-03-02

    See this comment for a more detailed explanation and this thread for a discussion about why the cheatsheet was wrong.

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

Index

What are some of the best open-source React projects? 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 storybook 58,775
6 Gatsby 49,156
7 Ionic Framework 43,098
8 awesome-react 41,864
9 33-js-concepts 36,563
10 superset 35,622
11 hyperterm 35,329
12 styled-components 32,717
13 awesome-react-native 29,121
14 Preact 28,386
15 taro 28,252
16 react-boilerplate 27,060
17 formik 26,462
18 awesome-react-components 25,510
19 SheetJS js-xlsx 24,750
20 N1 24,596
21 MobX 23,278
22 react-beautiful-dnd 22,694
23 react 22,239