--- name: mauireactor-3 description: "Develop MauiReactor 3.x applications - a declarative UI component framework for .NET MAUI targeting net9.0. Use this skill whenever users create, debug, or optimize MauiReactor 3.x components. Essential for: building stateless/stateful components, property-based animations (WithAnimation), AnimationController sequences, component lifecycle management, navigation, state management patterns, [Prop]/[Param]/[Inject] attributes, [Scaffold] third-party control wrapping, or answering MauiReactor 3.x-specific architecture questions. Always use this skill for any MauiReactor question β€” even if the user just says 'MauiReactor' without specifying a version, default to this skill unless they explicitly mention version 4+." --- # MauiReactor 3 Skill > **Version scope**: MauiReactor **3.x** / **net9.0** only. > A separate skill will cover MauiReactor 4.x when available. ## πŸ“š Reference Index 이 μŠ€ν‚¬μ€ μ£Όμ œλ³„ μ°Έμ‘° 파일둜 λ‚˜λ‰©λ‹ˆλ‹€. 질문 μœ ν˜•μ— 따라 ν•΄λ‹Ή νŒŒμΌμ„ μ½μœΌμ„Έμš”. | # | 파일 | λ‹€λ£¨λŠ” λ‚΄μš© | |---|------|------------| | 1 | `references/01-setup.md` | ν”„λ‘œμ νŠΈ 생성, hot-reload, Program.cs, νŒ¨ν‚€μ§€ ꡬ쑰 | | 2 | `references/02-components.md` | Stateless/Stateful μ»΄ν¬λ„ŒνŠΈ, Props Class, 생λͺ…μ£ΌκΈ°, **Diffing λ©”μ»€λ‹ˆμ¦˜ & 섀계 κ°€μ΄λ“œ** | | 3 | `references/03-state-management.md` | `[Prop]` / `[Param]` / `[Inject]` νŒ¨ν„΄ λΉ„κ΅ν‘œ + 예제 | | 4 | `references/04-animation.md` | WithAnimation() μœ„μΉ˜ κ·œμΉ™, AnimationController, easing | | 5 | `references/05-layout-fluent.md` | VStack/HStack/Grid/Frame, Fluent API 속성 λͺ©λ‘ | | 6 | `references/06-navigation.md` | Basic navigation, Props 전달, NavigationPage | | 7 | `references/07-scaffold.md` | **[Scaffold] μ„œλ“œνŒŒν‹° 컨트둀 λž˜ν•‘** (Syncfusion, Telerik λ“±) | | 8 | `references/08-patterns.md` | Form, List, Loading State, 디버깅 팁 | | 9 | `references/09-hidden-components.md` | λ¬Έμ„œμ—μ„œ μ°ΎκΈ° μ–΄λ €μš΄ μ»΄ν¬λ„ŒνŠΈ λͺ¨μŒ (Timer λ“±) | --- ## λΉ λ₯Έ νŒλ‹¨ κ°€μ΄λ“œ ``` 질문 μœ ν˜• β†’ 읽을 파일 ───────────────────────────────────────────── "ν”„λ‘œμ νŠΈ λ§Œλ“€κΈ°/μ„€μΉ˜/hot-reload" β†’ 01-setup.md "μ»΄ν¬λ„ŒνŠΈ λ§Œλ“œλŠ” 법/생λͺ…μ£ΌκΈ°" β†’ 02-components.md "Diffing/μ„±λŠ₯/Stateful 배치" β†’ 02-components.md ← 섀계 μ‹œ ν•„μˆ˜! "Prop vs Param 뭐 써야 ν•΄?" β†’ 03-state-management.md ← 자주 ν˜Όλ™! "μ• λ‹ˆλ©”μ΄μ…˜ μ•ˆ 됨/μœ„μΉ˜ 였λ₯˜" β†’ 04-animation.md "VStack/Grid λ ˆμ΄μ•„μ›ƒ" β†’ 05-layout-fluent.md "νŽ˜μ΄μ§€ 이동/λ’€λ‘œκ°€κΈ°" β†’ 06-navigation.md "Syncfusion/Telerik 컨트둀 μ“°κΈ°" β†’ 07-scaffold.md "폼 처리/리슀트/λ‘œλ”©" β†’ 08-patterns.md "Timer/잘 λͺ¨λ₯΄λŠ” μ»΄ν¬λ„ŒνŠΈ" β†’ 09-hidden-components.md ``` --- ## Key Concepts (30초 μš”μ•½) - **No XAML** β€” 순수 C# fluent 문법 - **MVU Pattern** β€” μƒνƒœ λ³€κ²½ β†’ UI μžλ™ μž¬λ Œλ”λ§ - **Component** = Stateless, **Component\** = Stateful - **[Prop]** = 단방ν–₯ (λΆ€λͺ¨β†’μžμ‹ 읽기 μ „μš©) - **[Param]** = μ–‘λ°©ν–₯ (트리 전체 곡유, λˆ„κ΅¬λ‚˜ μ“°κΈ° κ°€λŠ₯) - **[Inject]** = DI μ„œλΉ„μŠ€ μ£Όμž… (UI μƒνƒœ μ•„λ‹˜) - **[Scaffold]** = μ„œλ“œνŒŒν‹° λ„€μ΄ν‹°λΈŒ 컨트둀 β†’ MauiReactor VisualNode μžλ™ 생성 - **WithAnimation()** μœ„μΉ˜κ°€ 핡심 β€” λ°˜λ“œμ‹œ μ• λ‹ˆλ©”μ΄μ…˜ 속성 **λ’€**에 μœ„μΉ˜ --- ## 링크 - 곡식 λ¬Έμ„œ: https://adospace.gitbook.io/mauireactor - μ„œλ“œνŒŒν‹° 톡합 예제: https://github.com/adospace/mauireactor-integration - μƒ˜ν”Œ μ•±: https://github.com/adospace/reactorui-maui-samples