组件和状态设计

Posted 沿着路走到底

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了组件和状态设计相关的知识,希望对你有一定的参考价值。

框架(Vue React)的使用(和高级特性)是必要条件

数据驱动视图

状态:数据结构设计(React - state, Vue - data)

视图:组件结构和拆分

data 数据结构设计

用数据描述所有的内容

数据要结构化,易于程序操作(遍历,查找)

数据要可扩展,以便增加新的功能

组件设计

从功能上拆分层次

尽量让组件原子化

容器组件(只管理数据) & UI组件(只显示视图)

数组管理和组件管理交给最顶层的组件统一管理

以上是关于组件和状态设计的主要内容,如果未能解决你的问题,请参考以下文章

React 父/子状态更改设计问题

页面状态还是组件?到底什么才是交互的中心?

使用Qt Quick 设计器 十五

为 React 可重用组件设计 Redux 操作和化简器

组件属性在设计时有效,但在运行时无效

react 组件构建设计