Popularity
8.2
Growing
Activity
4.0
-
1,997
36
97

Code Quality Rank: L5
Monthly Downloads: 0
Programming language: Swift
License: MIT License
Latest version: v5.5.2

Render alternatives and similar libraries

Based on the "Reactive Programming" category

Do you think we are missing an alternative of Render or a related project?

Add another 'Reactive Programming' Library

README

Render Neutrino [Swift](#) [Platform](#) License

Render is a declarative library for building efficient UIs on iOS inspired by React.

Disclaimer

Render is a pretty monolithic and opinionated library.

I have recently been working on splitting Render into some smaller and more customizable modules:

  • CoreRender More granular APIs for vdom reconciliation and layout, written in ObjC++ (fully Swift-compatible).
  • YAS Stand-alone YAML-based stylesheet engine.

Introduction

  • Declarative: Render uses a declarative API to define UI components. You simply describe the layout for your UI based on a set of inputs and the framework takes care of the rest (diff and reconciliation from virtual view hierarchy to the actual one under the hood).
  • Flexbox layout: Render includes the robust and battle-tested Facebook's Yoga as default layout engine.
  • Fine-grained recycling: Any component such as a text or image can be recycled and reused anywhere in the UI.

From Why React matters:

[The framework] lets us write our UIs as pure function of their states.

Right now we write UIs by poking at them, manually mutating their properties when something changes, adding and removing views, etc. This is fragile and error-prone. [...]

[The framework] lets us describe our entire UI for a given state, and then it does the hard work of figuring out what needs to change. It abstracts all the fragile, error-prone code out away from us.

Installing the framework

If you are using CocoaPods:

Add the following to your Podfile:

pod 'RenderNeutrino'
  • Remember to set use_frameworks! in your Podfile to tell Cocoapods to use Frameworks instead of Static Libraries.

If you are using Carthage:

Add the following line to your Cartfile:

github "alexdrone/Render" "master"    

Manually:

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

Drag RenderNeutrino.framework in your project and add it as an embedded binary.

Documentation:

[Getting started](docs/getting_started.md)

[Components life-cycle](docs/components_lifecycle.md)

[TableViews and CollectionViews (doc in progress)](docs/tableviews.md)

Layouts

[Animations (doc in progress)](docs/animations.md)

[Component-based Navigation bar (doc in progress)](docs/navigation_bar.md)

[Mod: Stylesheet and Hot-Reload (doc in progress)](docs/mod_stylesheet.md)

[Mod: Inspector (doc in progress)](docs/mod_inspector.md)

Credits:

Layout engine:

In the Stylesheet Mod:


*Note that all licence references and agreements mentioned in the Render README section above are relevant to that project's source code only.