如何可视化ReactJS+；redux数据流、存储和组件层次结构

为了正确地设置我们团队的项目并高效地共享知识，我想直观地表示我们的reactjs+redux结构

对于mySQL数据库，我将使用mySQL工作台

reactJS+redux应用程序的最佳选项是什么

非常感谢

编辑

在第一个回答之后，我想补充一点，我正在寻找一种可视化的方式来表示组件和存储层次结构，以帮助构建UI。我喜欢使用图表等。用于ORM的Skipper与我正在寻找的类似。

---

微软的Visio也可以。但我想知道是否还有其他东西与redux+reactjs更相关。

对于reactjs，我建议您安装适用于chrome的ReactDevTools。它将允许您可视化您的UI结构。请看这里：

---

对于ReactJS，我建议您为chrome安装React开发工具。它将允许您可视化您的UI结构。请看这里：

---

对于Redux还有一些开发工具，它们对于获取应用程序中的所有操作和状态更改非常有用：

Redux DevTools是一个开发时间包，提供电源 用于您的Redux开发工作流

对于反应

React Developer Tools是一个允许您检查React的系统 渲染器，包括组件层次结构、道具、状态等

---

对于Redux还有一些开发工具，它们对于获取应用程序中的所有操作和状态更改非常有用：

Redux DevTools是一个开发时间包，提供电源 用于您的Redux开发工作流

对于反应

React Developer Tools是一个允许您检查React的系统 渲染器，包括组件层次结构、道具、状态等