Android混合开发-架构知识简介

React 是一个采用声明式,高效而且灵活的用来构建用户界面框架
React 最初的目的是使用 JavaScript 创建大型的,快速响应网络应用

React开发套路最小知识:
第一步:把UI划分出组件层级;
组件需要符合-单一功能原则,UI 和数据模型往往遵循着相同的信息架构;

输出结果:组件层级和组件个数,标识;

第二步:用React创建一个静态版本;
要构建一个用于呈现数据模型的静态版本的应用程序,你需要创建能够复用其他组件的组件,并通过 props 来传递数据;

在较为简单的例子中,通常自顶向下更容易;
在较大的项目中,自底向上会更容易并且在你构建的时候有利于编写测试;

输出结果:一个用于呈现数据模型的可重用组件库;

注意:创建一个静态版本更多需要的是码代码,不太需要逻辑思考,而添加交互则更多需要的是逻辑思考,不是码代码;

第三步:定义 UI 状态的最小(但完整)表示;
为了正确构建你的应用,首先你需要考虑你的应用所需要的最小可变状态集,也可以认为是数据模型的最小量数据表示;
要点是 DRY:不要重复(Don’t Repeat Yourself);

找出应用程序的绝对最小表示并计算你所需要

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值