React Quantum

What it does

A Chrome extension that parses through your React app to create a color-coded tree model of its component hierarchy. Each tree node displays two key performance metrics—render time and re-render frequency—as well as state and props to indicate what, exactly, initiated the render. Nodes will change color depending on the component's performance.

Visualize your React application's component performance metrics with a live heat map. - ReactQuantum/ReactQuantum

• MW
  Mixing WebGL and HTML, Both Rendered Out in React2019 · subdued-health.surge.sh · ▲129
• RG
  React Geiger – performance profiling using sound2024 · ▲164
• 
  A React components library for building interactive maps2017 · github.com · ▲88

  A data aware UI components library for building realtime maps - reactivemaps/README.md at master · appbaseio/reactivemaps

• 
  React95 – A React components library recreating the look of Windows 952023 · github.com · ▲122

  A React components library with Win95 UI. Contribute to React95/React95 development by creating an account on GitHub.

• 
  React Color2015 · casesandberg.github.io · ▲165

  A collection of color pickers from Sketch, Photoshop, Chrome

• 
  LUCID2019 · ▲95

  Visualize GraphQL dataflow, React components & state changes

• 
  /dev/null▲481

  a social network for devs

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

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲341

  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 · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• IT
  I taught my little brother JS, and he made this videogame in a week▲1,079

  Life & fun · 2019 · s-poony.github.io

• 
  Mkcert – Valid HTTPS certificates for localhost▲839

  Life & fun · 2019 · blog.filippo.io

• 
  Leave Me Alone▲789

  Easily unsubscribe from spam emails 💌

  Growth · 2019

• HA
  HN.Academy – Top online courses recommended by Hacker News users▲773

  HN Academy collects, ranks, and showcases the best online courses and MOOCs that have been recommended on Hacker News.

  Life & fun · 2019 · hn.academy

• 
  Clean Mockups▲740

  Create stunning mockups that make your design standout

  Dev tools · 2019 · cleanmock.com

• 
  Makerpad▲663

  Develop skills, build things and get hired - without code

  Dev tools · 2019 · makerpad.co