Backoffice React Skill

backoffice 운영 화면을 설계할 때 쓰는 decision skill이다. 목표는 generic React 팁이 아니라 화면 archetype, state ownership, bulk-action/form 경계, lazy boundary를 결정하는 것이다.

Use when

• list/detail/form/dashboard/bulk-action 중 어떤 화면인지 먼저 정해야 할 때
• query params, component state, form state의 ownership을 나눠야 할 때
• table/search/filter/pagination/bulk action/confirm/export 경계를 정해야 할 때
• 무거운 화면에서 lazy import boundary를 어디에 둘지 결정할 때

Do not use for

• MiniApp/AppInToss capability 탐색: docs-search 또는 공식 문서
• Granite route/page/navigation 설계: granite-routing
• TDS UI 선택: tds-ui
• provider runtime layout, 원격 상태, client 연결 점검: provider skill
• tRPC contract, router, import order 변경: trpc-boundary