React Dashboard: an Ultimate Guide

What it does

An ultimate guide on how to build dynamic analytics dashboards with React. You will learn how to create an API for analytics on top of your database, build beautiful charts, save dashboard data with the AppSync GraphQL backend, and how to authorize your users with AWS Cognito.

• 
  Learning GraphQL and Relay2017 · packtpub.com · ▲78

  Build data-driven React applications with GraphQL and Relay

• 
  A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297

  Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!

• 
  Dashboards As Code by Holistics2024 · holistics.io · ▲211

  Build dashboards with ease of canvas & power of code

• 
  Vizzly2023 · app.vizzly.co · ▲189

  Build dashboards your users can customize

• 
  DashGPT2024 · dashgpt.ai · ▲287

  I guys, I built this spreadsheet to dashboard tool. You can attach any csv and optionally a prompt for what insights you want it to include, and it reasons over the data and produces a dashboard of different charts. Let me know what y'all think! Demo Video/more here: https://www.producthunt.com/products/spreadsite/launches/das...

• 
  Tremor2023 · tremor.so · ▲112

  The ReactJS open-source library to build dashboards fast

• 
  Run full iOS 16.5 firmware on Android Devices▲536

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 5d ago · github.com

• 
  /dev/null▲503

  a social network for devs

  Dev tools · 8d ago · dev-null.sh

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 28d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 26d ago · talanoa.email

• 
  AUDR by Chargebee▲323

  Open standard for tracking agent run costs

  Dev tools · 30d ago · openaudr.dev

• 
  myPip▲272

  Vibe code, publish, and monetize games with AI

  Dev tools · 12d ago · mypip.dev

• 
  Bel▲1,288

  Life & fun · 2019 · paulgraham.com

• 
  Vector Illustration Creator▲811

  Create free personalized illustrations from 3000+ elements

  Growth · 2019 · icons8.com

• 
  Open Doodles▲687

  A collection of free sketchy illustrations

  Growth · 2019 · opendoodles.com

• 
  AirPods Pro▲576

  New AirPods with active noise cancellation

  Life & fun · 2019 · apple.com

• 
  The New Ember Mugs▲568

  The next generation of temperature controlled mugs

  Life & fun · 2019 · ember.com

• 
  Lazy IoT▲533

  Control your environment with one easy keyboard shortcut

  Work · 2019 · lazy-app.com