组件和状态设计能力

标签：bsp   amp   扩展   新功能   分层   驱动   通讯   style   功能   

1.react或者vue

数据驱动视图

状态：数据结构设计

视图：组件结构设计

2.react设计todlist

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

　　　　　　　　　　  数据要结构化，易于程序操作（遍历，查找）

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

 3.组件设计

从功能上拆分层次

尽量让组件原子化

容器组件（只管数据）& UI组件（只显示视图）

4.总结

state数据结构设计

组件设计组件通讯

结合redux

组件和状态设计能力

标签：bsp   amp   扩展   新功能   分层   驱动   通讯   style   功能   

原文地址：https://www.cnblogs.com/zhuMother/p/13236671.html