Top 23 JavaScript ReactJS Projects

• normalizr

  3 20,226 3.4 JavaScript

  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.

• react-testing-library

  4 14,643 7.1 JavaScript

  🐐 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

• Scout APM

  Sponsored scoutapm.com

  Scout APM - Leading-edge performance monitoring starting at $39/month. 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.

• reactjs-interview-questions

  5 13,555 6.4 JavaScript

  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

• emotion

  10 13,210 8.5 JavaScript

  👩‍🎤 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

• reactotron

  1 12,970 0.2 JavaScript

  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

• mdx-deck

  2 10,209 3.5 JavaScript

  ♠️ 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.

• spectrum

  6 9,925 3.7 JavaScript

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

• SaaSHub

  Sponsored www.saashub.com

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

• Blitz

  9 8,340 9.9 JavaScript

  ⚡️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

• nerv

  1 5,360 0.0 JavaScript

  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)

• Manta

  1 5,125 0.0 JavaScript

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

• react-draft-wysiwyg

  3 5,109 4.0 JavaScript

  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

• react-firebase-starter

  1 4,311 2.0 JavaScript

  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

• twin.macro

  16 4,273 9.1 JavaScript

  🦹‍♂️ 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.

• airframe-react

  3 3,550 0.0 JavaScript

  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

• react-flip-move

  0 3,469 0.0 JavaScript

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

• coreui-free-react-admin-template

  2 3,332 7.8 JavaScript

  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

• react-ace

  2 3,128 8.3 JavaScript

  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

• material-kit-react

  2 3,096 5.4 JavaScript

  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

• ToolJet

  8 2,696 9.9 JavaScript

  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

• react-music

  0 2,677 0.0 JavaScript

  Make beats with React!

  

• reactour

  3 2,452 1.2 JavaScript

  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.

• react-easy-state

  5 2,397 0.0 JavaScript

  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

• react-awesome-slider

  0 2,157 0.0 JavaScript

  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. 🖥️ 📱

Index