内容简介：很多教程把React介绍为一个UI框架。这很合理因为它就是一个UI库，这就是react标语的意思。这篇文章不会叫你任何关于建立用户界面的知识，但是会帮助你更生层次的理解React编程模型。这是一篇深入解析的文章，对初学者不太适合。在这篇文章我将通过第一准则描述大部分的React编程，我将解释react是如何工作的。
很多教程把React介绍为一个UI框架。这很合理因为它就是一个UI库，这就是react标语的意思。
这篇文章不会叫你任何关于建立用户界面的知识，但是会帮助你更生层次的理解React编程模型。
这是一篇深入解析的文章，对初学者不太适合。在这篇文章我将通过第一准则描述大部分的React编程，我将解释react是如何工作的。
1 Host Tree
一些程序输出数字，另一些程序输出诗歌。不同的语言和他们的运行时通常会对特定的实例进行优化，React也不例外。
React会生成一颗不断变化的树结构。它可能是Dom树，ios层级，关于PDF的原语树，或者是JSON的对象。通常我们希望用它们来生成UI界面。
我们称这些结构为“host tree”， 因为通常他们是React之外宿主环境的一部份——就像Dom和iOS。host tree 通常拥有自己的命令式的API。
React就是它上面的一层。
所以React的作用是什么呢？抽象的说，它能帮助你在编写程序时可预测的操作复杂的Host tree，并且对像交互，网络响应，定时器等等这样的外部事件作出反应。
当专门的 工具 通过特定的约束获取收益，他就比一般的工作优秀。React通过下面的两项原则实现：
稳定：host tree相对来说比较稳定，大部分的更新不会改变整个结构。。如果一款app经常用完全不同的组合改变交互元素，它会比较难用的。按钮去哪了呢？为什么我的屏幕会跳动？
有规律的： Host tree 可以将拆分成不同的UI组件但表现一致，而不是不同的形状。
这些原则恰好适用于大多数 UI 。 然而，当输出没有稳定的“模式”时 React 并不适用。例如，React 也许可以帮助你编写一个 Twitter 客户端，但对于一个 3D 管道屏幕保护程序 并不会起太大作用。
以上所述就是小编给大家介绍的《React 作为一个 UI 运行时（一、Host Tree）》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- [译] 将 React 作为 UI 运行时
- 使用Docker和Kubernetes将MongoDB作为微服务运行
- 运行RavenDB作为EmbeddableDocumentStore并访问RavenDB Management Studio
- 终于受不了 Yaf，写了个精简框架 Zim，可作为 PHP 扩展运行
- 使用Elasticsearch作为主数据存储
- 如何把MongoDB作为循环队列
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
构建之法（第二版）
邹欣 / 人民邮电出版社 / 2015-7 / 59
软件工程牵涉的范围很广, 同时也是一般院校的同学反映比较空洞乏味的课程。 但是软件工程的技术对于投身IT 产业的学生来说是非常重要的。作者邹欣有长达20年的一线软件开发经验，他利用业余时间在数所高校进行了长达6年的软件工程教学实践，总结出了在16周的时间内让同学们通过 “做中学 (Learning By Doing)” 掌握实用的软件工程技术的教学计划，并得到高校师生的积极反馈。在此基础上，作者对......一起来看看 《构建之法（第二版）》 这本书的介绍吧!
图片转BASE64编码
在线图片转Base64编码工具
XML、JSON 在线转换
在线XML、JSON转换工具