Top 23 ReactJS Open-Source Projects
开放式跨端跨框架解决方案，支持使用 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
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architectureProject mention: React Boilerplates in 2021 - The complete guide | dev.to | 2021-06-13
git clone -o react-starter-kit -b master --single-branch https://github.com/kriasoft/react-starter-kit.git MyApp
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.
Normalizes nested JSON according to a schemaProject 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.
⚡️ Simple, Modular & Accessible UI Components for your React Applications
🐐 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
📘 OpenAPI/Swagger-generated API Reference DocumentationProject mention: Best toolset/workflow for prototyping and iterating an API? | reddit.com/r/node | 2021-05-18
A lightweight and highly extendible Polyrepo for component-driven development.Project mention: Your go-to website when looking for a particular component | reddit.com/r/reactjs | 2021-06-13
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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
👩🎤 CSS-in-JS library designed for high performance style compositionProject mention: Real-world CSS vs. CSS-in-JS performance comparison | news.ycombinator.com | 2021-06-08
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
CoreUI is free bootstrap admin templateProject mention: Top 20+ Bootstrap Dashboard Templates To Use Absolutely Free | dev.to | 2021-04-20
More details Demo GitHub
♠️ React MDX-based presentation decksProject 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.
Simple, powerful online communities.Project mention: Show HN: GraphCDN, the GraphQL CDN with edge caching and analytics | news.ycombinator.com | 2021-06-17
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)
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!
AWX ProjectProject mention: [Question] Tower-cli allow for wildcard host searches -or- parsing results with multiple items inside. | reddit.com/r/ansible | 2021-06-16
⚡️The Fullstack React Framework — built on Next.jsProject mention: Blitz: The Fullstack React Framework – Built on Next.js | news.ycombinator.com | 2021-06-06
Browser-based frontend to gdb (gnu debugger). Add breakpoints, view the stack, visualize data structures, and more in C, C++, Go, Rust, and Fortran. Run gdbgui from the terminal and a new tab will open in your browser.
React notification made easy 🚀 !Project mention: How to create simple and stylish notifications using react-toastify | dev.to | 2021-03-29
If you feel like using react-toastify in your app after reading this post, I strongly recommend heading over to the demo page and playing around with the different configurations.
:notebook_with_decorative_cover: :books: A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)Project mention: Learn Next.js For Free with These Resources | dev.to | 2021-03-28
🧱 A suite of React components .Project mention: What Is React Template? React Template Definition | dev.to | 2021-03-23
React suit is an example of such a narrowly focused component library for enterprise system products.
https://github.com/NervJS/nerv is a chinese react drop-in alternative (pretty decent one, at that)
🎉 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.
A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg
Toolkit for building accessible rich web apps with ReactProject mention: Designing Keyboard Accessibility for Complex React Experiences | dev.to | 2021-06-10
For common components, I can't recommend Reakit enough. It's a keyboard accessible, unstyled component library with dialogs, popovers, and much more. I use it for all of my personal projects nowadays. Combined with Framer Motion for animation and Styled Components for styling, it's a killer mix.
What are some of the best open-source ReactJS projects? This list will help you: