@dooboolab 죄송합니다..이제 봤네요...

안녕하세요

최근 들어 MauiReactor에 대해서 좀 더 심도 있게 문서를 읽어가면서 정리를 하고 있는데 간단하게 공유 드리려고 합니다.

우선

Flutter의 SLW(StateLessWidget) 와 SFW(StateFullWidget)

MauiReactor에서는
Component 와 Component<state클래스>로 구분합니다.

class MainPage : Component = class MainPage extends StatelessWidget
class MainPage : Component<MainPageState> = class MainPage extends StatefulWidget 

제네릭을 선언과 비선언의 차이로 lesswidget과 statefullwidget으로 구분합니다.

ReactNative의 SetState
MauiReactor에서는 동일하게 SetState를 사용하여 상태값을 업데이트 하기에.. 패스하겠습니다.

Maui
Maui뿐만 아니라 WPF에 태생을 가지고 있는 UI프레임워크(WPF, XamarinForms Avalonia등) 사용되고 있기에...! TMI로 공유드립니다.

안녕하세요
오랜만에 글을 올리네요.

Maui에서 선언형 UI 에는 Markup과 ReactorMaui 2가지 방식이 존재합니다.

ReactorMaui의 경우 MVU 패턴과 플러터, ReactiveNative 성향이 있고
Markup의 경우 MVVM 패턴을 만들면서 순수 C# 클래스로만 구성되는 선언형 UI 입니다.

Markup이 기존 WPF개발자와 WinUI2,3 개발자들에게 친숙한 메서드형식으로
구성되어있지만
ReactorMaui에 비해 사용되지 않았던 이유 중 가장 큰 이유는
런타임 중 컨트롤 추가가 원활치 않아서 였는데요

최근에 HotReloadStart라는 기술을 통해서 런타임 중 컨트롤이 원활하게 되는 기능을 추가하였습니다.

실제로 테스트해보니 동작이 잘 되었습니다.
별도의 클래스파일을 생성해주고 해야하는 번거로움이 있어
제 개인적으로 구축하여 라이브러리를 배포하였습니다.

사용방법
https://forum.dotnetdev.kr/t/lukemauimarkup-library/9039

@dooboolab
전혀무관합니다
불편한점 뭐였는지, 제대로 작동되는지 확인해보기 위해서 클론코딩을 진행해보고 있는 중일뿐입니다!

다만, 현재 개인적인 일 때문에 잠시 미뤄두고있습니다!

안녕하세요.

제목 그대로 닷넷에서는Maui만 크로스플랫폼이 아닙니다.
https://github.com/robloo/PublicDocs/blob/master/XAMLFrameworkComparison.md

AvaloniaUI 와 UnoPlayform이 존재하는데요.

AvaloniaUI
지원 OS : Android, Ios, Mac, Linux, Window, Web

Uno Platform
지원 OS : Android, Ios, Mac, Linux, Window, Web

Maui와 다른 점은 두 개의 프레임워크 모두 퍼펙트 픽셀을 지원합니다.

@dooboolab
전혀무관합니다
불편한점 뭐였는지, 제대로 작동되는지 확인해보기 위해서 클론코딩을 진행해보고 있는 중일뿐입니다!

다만, 현재 개인적인 일 때문에 잠시 미뤄두고있습니다!

안녕하세요
오랜만에 글을 올리네요.

Maui에서 선언형 UI 에는 Markup과 ReactorMaui 2가지 방식이 존재합니다.

ReactorMaui의 경우 MVU 패턴과 플러터, ReactiveNative 성향이 있고
Markup의 경우 MVVM 패턴을 만들면서 순수 C# 클래스로만 구성되는 선언형 UI 입니다.

Markup이 기존 WPF개발자와 WinUI2,3 개발자들에게 친숙한 메서드형식으로
구성되어있지만
ReactorMaui에 비해 사용되지 않았던 이유 중 가장 큰 이유는
런타임 중 컨트롤 추가가 원활치 않아서 였는데요

최근에 HotReloadStart라는 기술을 통해서 런타임 중 컨트롤이 원활하게 되는 기능을 추가하였습니다.

실제로 테스트해보니 동작이 잘 되었습니다.
별도의 클래스파일을 생성해주고 해야하는 번거로움이 있어
제 개인적으로 구축하여 라이브러리를 배포하였습니다.

사용방법
https://forum.dotnetdev.kr/t/lukemauimarkup-library/9039

생각해보니 비슷한 부분만 넣어놨었네요..

프로젝트 디렉토리 구조

프로그램 진입점 및 설정(MauiProgram.cs)
해당 진입점은 MauiReactor 라이브러리 사용 여부를 떠나서 Maui에서 공통적으로
폰트설정, Ioc 및 DI를 설정할 수 있는 영역입니다.

MauiReactor를 사용하기 위해서 UseMauiReactorApp 체인 메서드를 통해
어떤 페이지부터 설정하고, 어떤 리소스를 사용할지 등 세부적으로 설정할 수 있습니다.

MainPage.cs

실행화면

이런식으로 구성됩니다!

@dooboolab 네엡!

안녕하세요

최근 들어 MauiReactor에 대해서 좀 더 심도 있게 문서를 읽어가면서 정리를 하고 있는데 간단하게 공유 드리려고 합니다.

우선

Flutter의 SLW(StateLessWidget) 와 SFW(StateFullWidget)

MauiReactor에서는
Component 와 Component<state클래스>로 구분합니다.

class MainPage : Component = class MainPage extends StatelessWidget
class MainPage : Component<MainPageState> = class MainPage extends StatefulWidget 

제네릭을 선언과 비선언의 차이로 lesswidget과 statefullwidget으로 구분합니다.

ReactNative의 SetState
MauiReactor에서는 동일하게 SetState를 사용하여 상태값을 업데이트 하기에.. 패스하겠습니다.

Maui
Maui뿐만 아니라 WPF에 태생을 가지고 있는 UI프레임워크(WPF, XamarinForms Avalonia등) 사용되고 있기에...! TMI로 공유드립니다.

@dooboolab 죄송합니다..이제 봤네요...

꼭 사용하지 않아도 되지만 생산성을 높이기 위한 필수 요소! (MVU는 필수 사용)

MVU (Model-View-Update)

• MauiReactor

MVVM (Model - View -ViewModel)

• CommunityToolkit.Mvvm
• TinyMvvm (CommunityToolkit.Mvvm 기반)
• Prism
• FreshMvvm