React Flow

Languages and libraries

react ui library

SHOW HN2021

224points
58comments
#185of 2,533 in 2021
Top 8%of 2021 by points

How HN took it

MixedNo clear lean

15 positive, 16 neutral or asking, 0 mixed, 5 critical, out of 36 comments about the project. Thread score +0.34.

Idea: 6 for, 0 againstDesign: 4 for, 0 againstExecution: 1 for, 0 againstPerformance: 1 for, 0 againstDocs: 1 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Well designed API, good docs and sane defaults

    From 1 comment
    • I've been using this the last few weeks on a synthesizer side project and it's been absolutely fantastic. A well designed API and easy to customise, excellent docs and sane…
      pdaddyo on HN
  • Beautiful, clear examples and documentation

    From 2 comments
    • This is really, really impressive. Nice clear, and good looking examples, looks to have clear documentation, and nice informative README. I've been tossing some ideas around…
      misnome on HN
    • Beautiful library
      andretti1977 on HN
  • Works well on phones

    From 1 comment
    • Pretty amazing that https://reactflow.dev/examples/ works so well on phone.
      janaagaard on HN

Objections

  • Name overloads 'Flow' and 'node' terms

    From 2 comments
    • Neat project, awful name. Overloading Flow, an already important part of the React ecosystem, just makes it harder to both find information about your project and find…
      larzang on HN
    • Yikes; alternate uses for _two_ already-overloaded terms ("flow" and "node") in the tagline? Naming things isn't _that_ hard. Less of a nitpick and more of a red flag wrt wisdom…
      chrisweekly on HN

Requests

  • Automatic layout built in

    From 2 comments
    • Does it support auto positioning like in MindMaps? e.g. everytime I hit `tab` I get sub node then I hit several times let's say I have 10 sub nodes now, auto positioned.
      ertucetin on HN
    • Seconding this. I'm a big fan of dagre due to its layouting. Curious if this can do the same...
      adverbly on HN
  • Svelte or vanilla version

    From 2 comments
    • Does anyone know about something like this for Vue and Svelte? :)
      pabe on HN
    • Is there a vanilla version so I can use this with Svelte
      FractalHQ on HN
  • React Native support

    From 1 comment
    • Looks amazing! Any plans on supporting React Native (RNW)? I couldn't find any mention of React Native on the github page.
      jfbaro on HN

Questions

  • Design choices of SVG vs divs vs canvas

    From 2 comments
    • Wow I really like it! Can you maybe break down some of the design decisions you've made building this? I'm especially interested in choosing full svg, svg for just the lines and…
      technicolorwhat on HN
    • I also wondered why mix divs and svg rather than doing it all in SVG? or all in HTML? although it seems to position and resize just fine
      high_byte on HN
  • Does it support ports

    From 1 comment

Alternatives named

  • Butterfly (alibaba)

    From 1 comment
    • Butterfly [1] by alibaba has a vue wrapper (along with a React one) over a framework independent core. It is not as well documented though. [1] https://github.com/alibaba/butterfly
      lf-non on HN
  • Reaflow

    From 1 comment
    • Mortiz does some awesome stuff. I built a similar project called reaflow ( https://reaflow.dev/ ) which handles some more complicated cases around nesting and layout.
      amcdnl on HN
  • Dynamo

    From 1 comment
    • Looks cool. Looks similar to dynamo. https://dynamobim.org/ I'm curious if that's your inspiration.
      victorbojica on HN
  • Apache Airflow UI

    From 1 comment

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/26860381)