JavaScript React

Open-source JavaScript projects categorized as React | Edit details

Top 23 JavaScript React Projects

  • GitHub repo freeCodeCamp

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

    Project mention: Who creates the curriculum on freecodecamp? | reddit.com/r/FreeCodeCamp | 2021-10-26

    If you would like to be part of the community that builds freeCodeCamp, you can check out contribute.freecodecamp.org

  • GitHub repo React

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

    Project mention: Start With React.js | dev.to | 2021-11-27

    go to React.js to find more tutorial

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. 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 create-react-app

    Set up a modern web app by running one command.

    Project mention: What is Create React App? Part 2 (package.json,README & node_modules) | dev.to | 2021-11-28

    In part 1 of this series, we learned how to install React using Create React App.

  • GitHub repo Next.js

    The React Framework

    Project mention: Why I choose NextJS over CRA for new projects | dev.to | 2021-11-27

    I used to use Create React App (CRA) for building new applications (i.e. app.example.com). For landing pages, however, I would use NextJS for better SEO (i.e. www.example.com). Nowadays I will exclusively use NextJS over CRA when starting new applications for the following three reasons.

  • GitHub repo material-ui

    MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.

    Project mention: Next.js + MUI v5 with TypeScript support | dev.to | 2021-11-22

    The one on the official MUI's Github repo featuring Next.js with TypeScript (my framework of choice) didn't follow standard Next.js folder structure.

  • GitHub repo Gatsby

    Build blazing fast, modern apps and websites with React

    Project mention: How I created my blog with Gatsby, Netlify, and Plausible. | dev.to | 2021-11-24

    Gatsby.

  • GitHub repo 33-js-concepts

    📜 33 JavaScript concepts every developer should know.

    Project mention: Entry level Front End Engineer Interview tips? | reddit.com/r/webdev | 2021-11-08

    Try and be able to explain the concepts in the 33 js concepts repo

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo awesome-react-native

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

    Project mention: Any one care to share a list of the best react native libraries or any useful library that we should all know about? | reddit.com/r/reactnative | 2021-08-02
  • GitHub repo Preact

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

    Project mention: How to use Preact with Astro | dev.to | 2021-11-21

    Preact is a "Fast 3kB alternative to React with the same modern API". It's smaller than React but shares most of it's features (Hooks, Context), so you can write normal React code but benefit from better performance.

  • GitHub repo taro

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

  • GitHub repo react

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

    Project mention: Can anyone suggest a home run TS course that skips all the intro level dev knowledge. I’m a senior React dev looking to get up to speed on TS as quickly as possible. | reddit.com/r/typescript | 2021-11-26
  • GitHub repo SheetJS js-xlsx

    :green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit

    Project mention: Tips for Making a Popular Open-Source Project in 2021 [Ultimate Guide] | news.ycombinator.com | 2021-11-12

    Maybe a story from a maintainer would help. To contextualize, the main SheetJS open source project https://github.com/SheetJS/sheetjs has over 28K stars.

    tl;dr: the project involves "crowdsourced research" which benefits from popularity.

    The main social goal with the project is data preservation and integrity. Large-scale economic and political decisions are made from data and analyses in spreadsheets. For example, last year in the UK, COVID cases were underreported thanks to Excel minutiae https://www.bbc.com/news/technology-54423988

    Due to various corporate stratagems, the older data representations were intentionally obfuscated. To support Excel, many developers poked around at Excel files and guessed at the structures.

    In this environment, the biggest challenge is finding worksheets with random corner cases. These types of files are not easy to create and fuzzing has limited effectiveness. This is where open source and popularity come into play. The open source and JS nature of the project helps reduce testing friction (https://oss.sheetjs.com/ runs in the web browser, no need to install anything) and encourage bug reports with test cases.

    There will always be "entitled users" and "low quality bug reports" but that comes with the territory. There are also meaningful issues and code contributions. Efforts at trying to prevent the low quality contributions also discourage higher quality contributions.

  • 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: Can someone recommend a good design pattern? | reddit.com/r/reactjs | 2021-11-27
  • GitHub repo react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    Project mention: Simplest Drag and Drop setup in React, in 10 lines of code with SortableJS | dev.to | 2021-11-27

    React Beautiful Dnd: build by Atlassian for Trello, it's reliable BUT

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

    React components for efficiently rendering large lists and tabular data

    Project mention: Big list performance with React | reddit.com/r/codehunter | 2021-11-26

    Since this is apparently a popular question and things have progressed since the original question was asked, while I do encourage you to watch the video linked above, in order to get a grasp of a virtual layout, I also encourage you to use the React Virtualized library if you do not want to re-invent the wheel.

  • GitHub repo react-bootstrap

    Bootstrap components built with React

    Project mention: Ask HN: What are the fundamental diffs between modern web vs. desktop UI models | news.ycombinator.com | 2021-11-23

    @drowe859's answer was excellent.

    The only thing I'd add is that there's _thousands_ of freely available React components, including dozens of implementations of the kinds of widgets you listed (treeviews, specific form input types, etc). Sometimes they're available as a one-off lib [0], a small focused lib with a few specific components [1] [2], or a giant kitchen sink lib with dozens or hundreds of components [3] [4] [5] [6].

    So, those _do_ exist, and in a similar sense to Qt or Gtk.

    [0] https://react-select.com/

    [1] http://jquense.github.io/react-widgets/

    [2] https://react-spectrum.adobe.com/react-spectrum/

    [3] https://mui.com/

    [4] https://react-bootstrap.github.io/

    [5] https://retool.com/blog/react-component-libraries/#blueprint

    [6] https://lmgtfy.app/?q=react+component+libraries

  • GitHub repo Enzyme

    JavaScript Testing utilities for React

    Project mention: Redux Testing: Hard-Earned Lessons Learned | dev.to | 2021-11-23

    The next utility that you'll need is a way to render your components with state and context. For my tests I'm usually using React Testing Library, but the same approach works fine if you're using enzyme.

  • GitHub repo react-native-web

    React Native Components and APIs for the Web

    Project mention: Model development of mobile applications React Native + AWS Amplify | dev.to | 2021-11-11

    Model development of mobile applications React Native and sites on React Native Web.

  • GitHub repo JHipster

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

    Project mention: YAML: It's Time to Move On | news.ycombinator.com | 2021-11-14

    Thanks for the link, but not necessarily.

    How WSDL and the code generation around it worked, was that you'd have a specification of the web API (much like OpenAPI attempts to do), which you could feed into any number of code generators, to get output code which has no coupling to the actual generator at runtime, whereas Pyotr is geared more towards validation and goes into the opposite direction: https://pyotr.readthedocs.io/en/latest/client/

    The best analogy that i can think of is how you can also do schema first application development - you do your SQL migrations (ideally in an automated way as well) and then just run a command locally to generate all of the data access classes and/or models for your database tables within your application. That way, you save your time for 80% of the boring and repetitive stuff while minimizing the risks of human error and inconsistencies, while nothing preventing you from altering the generated code if you have specific needs (outside of needing to make it non overrideable, for example, a child class of a generated class). Of course, there's no reason why this can't be applied to server code either - write the spec first and generate stubs for endpoints that you'll just fill out.

    Similarly there shouldn't be a need for a special client to generate stubs for OpenAPI, the closest that Python in particular has for now is this https://github.com/openapi-generators/openapi-python-client

    However, for some reason, model driven development never really took off, outside of niche frameworks, like JHipster: https://www.jhipster.tech/

    Furthermore, for whatever reason formal specs for REST APIs also never really got popular and aren't regarded as the standard, which to me seems silly: every bit of client code that you write will need a specific version to work against, which should be formalized.

  • GitHub repo reactjs-interview-questions

    List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!

    Project mention: Educative.io Interview Prep | reddit.com/r/leetcode | 2021-11-22
  • GitHub repo Boostnote

    This repository is outdated and new Boost Note app is available! We've launched a new Boost Note app which supports real-time collaborative writing. https://github.com/BoostIO/BoostNote-App

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

JavaScript React related posts

Index

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

Project Stars
1 freeCodeCamp 335,181
2 React 178,118
3 create-react-app 91,557
4 Next.js 77,048
5 material-ui 73,146
6 Gatsby 51,778
7 33-js-concepts 45,312
8 awesome-react-native 30,674
9 Preact 30,395
10 taro 30,098
11 react 30,018
12 SheetJS js-xlsx 28,178
13 react-boilerplate 28,091
14 react-beautiful-dnd 25,585
15 N1 24,649
16 react-virtualized 22,808
17 react-bootstrap 20,204
18 Enzyme 19,770
19 react-native-web 19,494
20 JHipster 19,067
21 reactjs-interview-questions 17,574
22 Boostnote 17,417
23 react-loadable 16,221
Find remote jobs at our new job board 99remotejobs.com. There are 34 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com