https://github.com/adospace/reactorui-xamarin

An alternative UI framework on top of Xamarin Forms highly inspired to React.js and Flutter
https://github.com/adospace/reactorui-xamarin

Last synced: about 1 month ago
JSON representation

An alternative UI framework on top of Xamarin Forms highly inspired to React.js and Flutter

• Host: GitHub
• URL: https://github.com/adospace/reactorui-xamarin
• Owner: adospace
• License: mit
• Created: 2020-03-02T15:20:44.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-20T14:58:46.000Z (over 1 year ago)
• Last Synced: 2024-05-14T00:50:00.087Z (7 months ago)
• Language: C#
• Homepage:
• Size: 3.67 MB
• Stars: 73
• Watchers: 12
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-xamarin-forms - reactorui-xamarin ★53

README

        
# 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)** 📣

:tada: **UPDATED TO XAMARIN FORMS 5** :tada:

[ReactorUI for Xamarin Documentation](https://adospace.gitbook.io/reactorui/)

[![Build status](https://ci.appveyor.com/api/projects/status/cxa9n9bdy14jkter?svg=true)](https://ci.appveyor.com/project/adospace/reactorui-xamarin) [![Join the chat at https://gitter.im/reactorui-xamarin/community](https://badges.gitter.im/reactorui-xamarin/community.svg)](https://gitter.im/reactorui-xamarin/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

## 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](https://adospace.gitbook.io/reactorui/guide/setting-up))

### Visual Studio 2019 (Android)

![ReactorUI Hot Reload in action](images/ReactorUI_HotReloadDebugDemo.gif)

### Visual Studio for Mac 2019 (iOS)

![ReactorUI Hot Reload in action](images/ReactorUI_MacIOS.gif)

### Visual Studio for Mac 2019 (Android)

![ReactorUI Hot Reload in action](images/ReactorUI_MacAndroid.gif)

## 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.

* PART 1 (15 min) https://www.youtube.com/watch?v=77vpONQFJCE&t=44s

* PART 2 (15 min) https://www.youtube.com/watch?v=wZPDe3k3_pY

* PART 3 (8 min) https://www.youtube.com/watch?v=RBfixSZnaF0&t=324s