您的位置:首页 > 运维架构 > 网站架构

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

2019-03-23 14:13 363 查看

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

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

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

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

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

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

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

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

找出应用程序的绝对最小表示并计算你所需要的其他任何请求;

输出结果:确定了应用 state 的最小集合;
state:它们随时间改变并且不能由其他任何值计算出来;

第四步:确定你的State应该位于哪里;
确定方法请查阅:React官网;
记住:React 中的数据流是单向的,并在组件层次结构中向下传递;

第五步:添加反向数据流;

anAndroid加载Webview的过程:

未完待续

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: