XamarinReactorUI.Skia

XamarinReactorUI is an UI framework that let you build Xamarin Forms pages using a React/Flutter inspired model. This is the package required to integrate Xamarin SkiaSharp View


Keywords
xamarin, forms, .net, react, flutter, ui, skia
License
MIT
Install
Install-Package XamarinReactorUI.Skia -Version 1.0.133

Documentation

ReactorUI for Xamarin Forms

ReactorUI is an alternative UI framework written on top of Xamarin Forms highly inspired to React.js and Flutter

📣 MAUI PORT IS STARTED: PLEASE GET IN TOUCH IF YOU WANT TO HELP (https://github.com/adospace/reactorui-maui) 📣

🎉 UPDATED TO XAMARIN FORMS 5 🎉

ReactorUI for Xamarin Documentation

Build status Join the chat at https://gitter.im/reactorui-xamarin/community

Main Features

  • Component based UI with state management (similar to React.js or Flutter)
  • Very fast hot reload even when debugging
  • Completely integrated with Visual Studio 2019 and Visual Studio for Mac 2019 (no need to install or lunch external servers) (Install the Extension)

Visual Studio 2019 (Android)

ReactorUI Hot Reload in action

Visual Studio for Mac 2019 (iOS)

ReactorUI Hot Reload in action

Visual Studio for Mac 2019 (Android)

ReactorUI Hot Reload in action

Samples

This repository contains many samples of ReactorUI components: I'm heavily working on them adding new ones every week.

Furthermore I've opened a new repository that shows how to implement a fully working app: please take a look https://github.com/adospace/reactorui-xamarin-realworld

Video Tutorials

In the following 3 parts video, I'll show how create a sample Calculator app in ReactorUI for Xamarin Forms: You can get a deeper look at how to create statefull components, how react to state changes and modify visual tree accordinly.

Furthermore you'll learn how create an adaptative layout and react to landscape/poirtrat mode change event.