JavaScript ReactJS

Open-source JavaScript projects categorized as ReactJS

Top 23 JavaScript ReactJS Projects

  • GitHub repo normalizr

    Normalizes nested JSON according to a schema

    Project mention: Modify Deep State of App | reddit.com/r/reactjs | 2021-06-17

    That's a great hunch. Usually on real apps with APIs you'll use something like Normalizr to flatten your data structure. For it to work you will need a unique id for every data point.

  • GitHub repo react-testing-library

    🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

    Project mention: React, TypeScript, and TDD | dev.to | 2021-05-11

    react-testing-library for test helpers and an assertion library

  • GitHub repo reactjs-interview-questions

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

    Project mention: Front End, React. js and React Native interview - Junior / Mid | reddit.com/r/reactjs | 2021-05-29
  • GitHub repo emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition

    Project mention: Real-world CSS vs. CSS-in-JS performance comparison | news.ycombinator.com | 2021-06-08
  • GitHub repo reactotron

    A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.

    Project mention: React Native Vs. Flutter: The Key Differences Every Mobile App Developer Should Know In 2021 [Guide For Beginners] | dev.to | 2021-06-16

    reactotron, — for inspecting and debugging your macOS, Windows, and Linux apps

  • GitHub repo mdx-deck

    ♠️ React MDX-based presentation decks

    Project mention: On the limits of MDX | dev.to | 2021-04-01

    Yep, you can import JSX components and embed them with your run-of-the-mill Markdown prose. If you're documenting your JSX based component library, which is what Docz let you do, this makes all the sense in the world. MDX is also used to author slide decks in mdx-deck, which is very appealing if you're tired of clicking around in Keynote/PowerPoint/Google Sheets. Which many of us are. I'm not denying the appeal or usability of MDX for certain things for certain people.

  • GitHub repo spectrum

    Simple, powerful online communities.

    Project mention: Show HN: GraphCDN, the GraphQL CDN with edge caching and analytics | news.ycombinator.com | 2021-06-17

    Hey HN,

    When I built my last startup, Spectrum, we spent months building custom caching for our GraphQL API from scratch. It never worked well enough to alleviate our scaling troubles as we could only cache data for unauthenticated users since we had no invalidation. (since we open sourced it all before GitHub acquired us, you can even read through my terrible code[0])

    When Tim told me he had built a prototype of a CDN specifically for caching GraphQL query results with proper invalidation, my first thought was: "Finally!" Not only had he made it possible to cache POST requests (which GraphQL requests usually are), he had made it possible to purge cached query results per specific GraphQL object. For example, when a user edits their name the API can call a purgeUser(id: $ID) mutation and any cached query result that contains that user's data is invalidated.

    GraphCDN is based on Fastly [email protected] under the hood, which is really the main reason we were able to spin this up so quickly. Huge shoutout to the folks building that!

    We'll be around all day to answer any questions you have about GraphCDN — ask us anything!

    [0]: https://github.com/withspectrum/spectrum/blob/alpha/api/apol...

  • GitHub repo Blitz

    ⚡️The Fullstack React Framework — built on Next.js

    Project mention: Blitz: The Fullstack React Framework – Built on Next.js | news.ycombinator.com | 2021-06-06
  • GitHub repo nerv

    A blazing fast React alternative, compatible with IE8 and React 16. (by NervJS)

    Project mention: [AskJS] Millions of Indian and Chinese devs use Javascript: how come there aren't more big open source tools coming out of these places? | reddit.com/r/javascript | 2021-03-03

    https://github.com/NervJS/nerv is a chinese react drop-in alternative (pretty decent one, at that)

  • GitHub repo Manta

    🎉 Flexible invoicing desktop app with beautiful & customizable templates.

    Project mention: How do you create your invoices? | dev.to | 2021-05-07

    My favorite is a free, open-source project Manta - a desktop application for creating invoices with beautiful and customizable templates.

  • GitHub repo react-draft-wysiwyg

    A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg

    Project mention: 15+ Fantastic React UI Libraries to Consider for your Project | dev.to | 2021-06-14
  • GitHub repo react-firebase-starter

    Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay

    Project mention: 12+ React Boilerplates & Starter Kits For Developers In 2021 | dev.to | 2021-05-11

    GitHub

  • GitHub repo twin.macro

    🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

    Project mention: Tailwind CSS is (Probably) Overhyped | reddit.com/r/reactjs | 2021-05-27

    You can use tailwind utility classes in your emotion/styled components with tailwind macros (https://github.com/ben-rogerson/twin.macro). By doing so you get a design system for free that you can incorporate basically any workflow without much effort.

  • GitHub repo airframe-react

    Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe

    Project mention: Free React dashboard templates and themes | dev.to | 2021-05-06

    Live Demo / Download

  • GitHub repo react-flip-move

    Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.

  • GitHub repo coreui-free-react-admin-template

    CoreUI React is a free React admin template based on Bootstrap 5

    Project mention: Free React dashboard templates and themes | dev.to | 2021-05-06

    Live Demo / Download

  • GitHub repo react-ace

    React Ace Component

    Project mention: Embedding Code Editor In Your React App | dev.to | 2021-04-23

    This is a basic setup, for further modifications you can check the above provided link, you can generate the code interactively here

  • GitHub repo material-kit-react

    React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

    Project mention: Free React dashboard templates and themes | dev.to | 2021-05-06

    Live Demo / Download

  • GitHub repo ToolJet

    An open-source no-code platform for building and deploying internal tools.

    Project mention: ToolJet - An open source no-code platform for building & deploying custom internal tools | reddit.com/r/reactjs | 2021-06-17

    GitHub: https://github.com/ToolJet/ToolJet Website: https://tooljet.io

  • GitHub repo react-music

    Make beats with React!

  • GitHub repo reactour

    Tourist Guide into your React Components

    Project mention: Create a guided tour plugin in the admin panel | dev.to | 2021-02-22

    In this tutorial I will show you how to create your own plugin on Strapi (version 3.4.6) and more precisely how to use reactour to create a guided tour which can be very useful for content managers out there who will have to master Strapi's admin to manage their content.

  • GitHub repo react-easy-state

    Simple React state management. Made with ❤️ and ES6 Proxies.

    Project mention: Accelerate your learning by starting with the full source code of my first project | dev.to | 2021-03-24

    The app for people to submit orders (drinks-user) is just a form and to manage state, I'm using React-easy-state

  • GitHub repo react-awesome-slider

    React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱

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-06-17.

Index

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

Project Stars
1 normalizr 20,226
2 react-testing-library 14,643
3 reactjs-interview-questions 13,555
4 emotion 13,210
5 reactotron 12,970
6 mdx-deck 10,209
7 spectrum 9,925
8 Blitz 8,340
9 nerv 5,360
10 Manta 5,125
11 react-draft-wysiwyg 5,109
12 react-firebase-starter 4,311
13 twin.macro 4,273
14 airframe-react 3,550
15 react-flip-move 3,469
16 coreui-free-react-admin-template 3,332
17 react-ace 3,128
18 material-kit-react 3,096
19 ToolJet 2,696
20 react-music 2,677
21 reactour 2,452
22 react-easy-state 2,397
23 react-awesome-slider 2,157