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 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 - 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.
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
♠️ 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!
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
⚡️The Fullstack React Framework — built on Next.jsProject mention: Blitz: The Fullstack React Framework – Built on Next.js | news.ycombinator.com | 2021-06-06
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-wysiwygProject mention: 15+ Fantastic React UI Libraries to Consider for your Project | dev.to | 2021-06-14
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and RelayProject mention: 12+ React Boilerplates & Starter Kits For Developers In 2021 | dev.to | 2021-05-11
🦹♂️ 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.
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
CoreUI React is a free React admin template based on Bootstrap 5
React Ace ComponentProject 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
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
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
Make beats with React!
Tourist Guide into your React ComponentsProject 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.
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 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. 🖥️ 📱