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: 29 days 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 (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-05-20T14:58:46.000Z (almost 2 years ago)
- Last Synced: 2025-04-09T15:05:53.071Z (29 days ago)
- Language: C#
- Homepage:
- Size: 3.67 MB
- Stars: 73
- Watchers: 12
- Forks: 8
- 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/)
[](https://ci.appveyor.com/project/adospace/reactorui-xamarin) [](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)
### Visual Studio for Mac 2019 (iOS)
### Visual Studio for Mac 2019 (Android)
## 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