组件和状态设计能力

Posted zhumother

tags:

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

1.react或者vue

数据驱动视图

状态:数据结构设计

视图:组件结构设计

2.react设计todlist

state数据结构设计  -----用数据描述所有内容

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

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

 3.组件设计

从功能上拆分层次

尽量让组件原子化

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

4.总结

state数据结构设计

组件设计组件通讯

结合redux

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

谈架构设计的要求

领域驱动设计 - 战略设计 - 2/2核心域提取和模型能力设计

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

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

北大青鸟设计培训:全栈编程需要掌握哪些能力?

产品架构设计原则