MauiReactor 관련 소개

이광석

안녕하세요

최근 들어 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

오.. 플러터와 비교하면서 이렇게 작성해주셔서 감사합니다.
마우이도 선언형으로 작성할 수 있나보네요!

이광석

이광석

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

프로젝트 디렉토리 구조

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

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

MainPage.cs

실행화면

이런식으로 구성됩니다!

dooboolab

@이광석 오.. 혹시 저희 밋업에 오셔서 한번 공유해주셔도 괜찮을까요? MAUI 스터디 식으로 진행해도 좋을 것 같습니다.