React flow - Concept
Revision as of 12:03, 1 March 2024 by Pchero (talk | contribs) (Created page with "== Overview == React flow 내용 정리. 원문은 이곳<ref>https://reactflow.dev/learn</ref>에서 확인할 수 있다. == Introduction == === Key features === Buillt-in plugins * The <Background /> plugin implements some basic customisable background patterns. * The <MiniMap /> plugin displays a small version of the graph in the corner of the screen. * The <Controls /> plugin adds controls to zoom, center, and lock the viewport. * The <Panel /> plugin makes it easy...")
Overview
React flow 내용 정리. 원문은 이곳<ref>https://reactflow.dev/learn</ref>에서 확인할 수 있다.
Introduction
Key features
Buillt-in plugins
- The <Background /> plugin implements some basic customisable background patterns.
- The <MiniMap /> plugin displays a small version of the graph in the corner of the screen.
- The <Controls /> plugin adds controls to zoom, center, and lock the viewport.
- The <Panel /> plugin makes it easy to position content on top of the viewport.
- The <NodeToolbar /> plugin lets you render a toolbar attached to a node.
- The <NodeResizer /> plugin makes it easy to add resize functionality to your nodes.
Definitions
Nodes
A node in React Flow is a React component. That means it can render anything you like. Each node has an x- and y-coordinate, which tells it where it is placed in the viewport. You can find all the options for customizing your nodes in the Node options<ref>https://reactflow.dev/api-reference/types/node</ref> documentation.