상위 플러터 스토리북 또는 컴포넌트 기반 UI 개발 패키지 컴포넌트 기반 UI 개발은 재사용 가능한 독립적인 구성 요소를 만드는 데 초점을 맞춘 사용자 인터페이스를 구축하는 방법론입니다. 혹은 플러터로 말하자면 UI의 각 구성 요소, 즉 위젯이 독립적으로 작성됩니다. 따라서 렌더링 방법을 보기 위해 전체 플러터 앱을 실행할 필요가 없습니다. 속성을 전달하거나 데이터를 가짜로 모방하거나 이벤트를 가짜로 생성함으로써 독립적으로 특정 변형을 렌더링할 수 있습니다. 이 접근 방식은 코드를 유지 관리 가능하고 테스트 가능하게 만들어주며 복잡한 UI를 더 쉽게 생성할 수 있습니다. 이 개발 패러다임은 Storybook.js에 의해 인기를 얻었으며 Storybook, Dashbook, Widgetbook 등과 같은 플러터 패키지를 통해 플러터 개발자들에게 이를 가능하게 만들어주었습니다. 컴포넌트 기반 UI 개발 플러터 패키지의 전체 목록은 아래에 제공됩니다.