Render Neutrino

Render 是一个用于在 iOS 上构建高效 UI 的声明式库，其灵感来自 React。

Render Neutrino 是 Render 的新版本，从头开始重建（在这里查看 4.* 发布版）

• 声明式： Render 使用声明式 API 来定义 UI 组件。您只需简单地根据一组输入描述您 UI 的布局，框架负责其他事情（从虚拟视图层次结构到实际视图的 diff 和 reconciliation）。
• Flexbox 布局： Render 包括 Facebook 的稳健且经过实战考验的 Yoga 作为默认布局引擎。
• 细粒度 recycling： 任何组件，如文本或图像，都可以在任何 UI 位置回收和重用。

从 Why React matters

[该框架]允许我们将 UI 写作其状态的纯函数。

目前我们是通过手动更改属性（当某些东西改变时），添加和删除视图等方式来编写 UI。这是脆弱且容易出错的。 [...]

[该框架]允许我们描述给定状态的整个 UI，然后它完成找出需要更改的困难工作。它抽象出所有脆弱、易出错的代码，使其远离我们。

安装框架

如果您正在使用 CocoaPods

请将以下内容添加到您的 Podfile

pod 'RenderNeutrino'

• 请记得在您的 Podfile 中设置 use_frameworks! 以告知 Cocoapods 使用 Frameworks 而不是 Static Libraries。

如果您正在使用 Carthage

请将以下行添加到您的 Cartfile

github "alexdrone/Render" "master"    

手动操作:

cd {PROJECT_ROOT_DIRECTORY}
curl "https://raw.githubusercontent.com/alexdrone/Render/master/bin/dist.zip" > render_neutrino_dist.zip && unzip render_neutrino_dist.zip

将 RenderNeutrino.framework 拖入您的项目，并将其添加为内嵌的二进制文件。

文档

入门

组件生命周期

UITableViews 和 CollectionViews (文档正在编写中)

布局

Animations (文档正在编写中)

基于组件的导航栏 (文档进行中)

Mod: Stylesheet and Hot-Reload (文档进行中)

Mod: Inspector (文档进行中)

致谢

布局引擎

• facebook/yoga

在样式表Mod中

• yaml/libyaml
• nicklockwood/Expression