nowfound

Dev tools · June 18, 2020

Realize for React

Visualize React state flow and component hierarchy

Realize for React launched on June 18, 2020 with 5 votes, #1,395 of 4,317 launches that month and more than 50% of that year's launches.

Visit site ↗Realize for React alternatives

What it does

As React applications scale, it becomes more difficult to track state and to have a holistic overview of the component hierarchy. Realize is a tool to help developers visualize the structure and state flow of their React applications. Supports React v16.8

Does a similar job

all alternatives →
  • AV
    A Visual IDE for React2022 · dev.aspect.app · ▲479

    I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

  • react.dev2023 · react.dev · ▲543

    The new home for React and its documentation

  • Aspect2022 · aspect.app · ▲106

    Create react components visually

  • React Proto2018 · react-proto.github.io · ▲313

    React application design and prototyping tool

  • Sapling2021 · marketplace.visualstudio.com · ▲146

    A convenient way to traverse your React app

  • Victory – ReactJS library for building interactive data visualizations2016 · github.com · ▲220

    A collection of composable React components for building interactive data visualizations - FormidableLabs/victory

More dev tools this month

the category →
  • /dev/null▲486

    a social network for devs

    Dev tools · 3d 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 · 28d 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 · 26d ago · github.com

  • OpenBot▲362

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

    Dev tools · 23d 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 · 21d ago · talanoa.email

  • CoreSpeed▲332

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

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, June 2020

the whole month →