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

时间:2016-06-22 08:59:46

标签: reactjs mysql-workbench visualization redux diagram

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

对于mySQL数据库,我会使用mySQL Workbench。

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

非常感谢!

修改

在第一个回复之后,我会说谎,我正在寻找一种可视方式来表示组件和存储层次结构,以帮助构建UI。我想使用图表等。用于ORM的Skipper类似于我正在寻找的东西。 Microsoft Visio也可以。但我想知道是否没有与redux + reactjs更相关的东西。

2 个答案:

答案 0 :(得分:2)

对于ReactJS,我建议你为chrome安装React DevTools。它将允许您可视化UI结构。看这里:  https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

答案 1 :(得分:2)

对于 Redux ,还有一些devtools,它们对您的应用中的所有操作和状态更改非常有用:

  

Redux DevTools是一个开发时间包,可提供上电功能   用于Redux开发工作流程。


对于 React

  

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