React

create-next-app@13.4.19 で初期コードを生成後、実現したいフックを書いてみました。 保存のショートカットキーで、指定した処理を実行するフック Mac なら Command + S、Mac でなければ CTRL + S ...

以前の試作では、表示が即切り替わりました。Cytoscape.js に animate があるので、じんわり更新する試作をしてみました。 import React, { FC, useRef, useEffect } from 'r...

試作内容 <Child Elements={el} Styles={sy} /> 上記のように、props で cytoscape へ設定するデータを渡して更新する Child コンポーネントの作成を目指します。 テンプレ作成 ベースとなる...

Cytoscape.js を使った試作に、要素の大きさに図のサイズが追随するようなコードを追記しました。以前と差分がある行を強調表示にしています。（分かりづらいですが。） import React, { useRef, useEffect ...

前回に引き続き、ライブラリを物色しています。 環境 yarn create react-app my-app --template typescript cd my-app yarn add cytoscape yarn add -D @t...

構成図や階層図に使えそうなライブラリを物色しています。現状、React でこの手のグラフを描画するライブラリの多くは相性が良くないと感じています。 maxGraph を試した結果を残しますが、やはり React と相性が良くなさそうでした。...