Storybook ou Desenvolvimento de UI Orientado por Componentes

Pacotes de Desenvolvimento de UI Component-Driven principais do Flutter Desenvolvimento de UI Component-Driven é uma metodologia para construir interfaces de usuário que foca na criação de componentes autônomos e reutilizáveis. Ou seja, no caso do Flutter, podemos dizer que cada componente da interface de usuário, ou seja, um widget, é desenvolvido de forma isolada. Dessa forma, você não precisa iniciar toda a aplicação Flutter apenas para ver como eles são renderizados. Você pode renderizar uma variação específica de forma isolada, passando props, simulando dados ou falsificando eventos. Essa abordagem pode ajudar a tornar seu código mais fácil de manter e testar, e pode facilitar a criação de interfaces de usuário complexas. Esse paradigma de desenvolvimento se popularizou com o Storybook.js e pacotes do Flutter como o Storybook, Dashbook, Widgetbook, etc., tornaram isso possível para desenvolvedores Flutter. A lista completa dos pacotes de Desenvolvimento de UI Component-Driven do Flutter está abaixo.

widgetbook

504

Um storybook Flutter que ajuda profissionais e equipes a catalogar seus widgets.

storybook_flutter

300

Um storyboard para widgets Flutter. Visualização ao vivo de widgets isolados para desenvolvimento e showcase mais rápidos.

dashbook

113

Uma biblioteca de showcase/sandbox para ajudar a construir widgets isolados em Flutter

monarch

Gerador de código para Monarch. Monarch é uma ferramenta para construir widgets Flutter isoladamente. Facilita a criação, teste e depuração de interfaces complexas.

flutterbook

Uma ferramenta de storyboard para acelerar o desenvolvimento de widgets Flutter.

storyboard

Desenvolvimento iterativo mais rápido de interfaces de usuário Flutter, isolando widgets do seu aplicativo.

flutter_design

Um framework completo com ferramentas para ajudar a iniciar seu sistema de design.

widgetbook_annotation

Um pacote com as anotações usadas pelo widgetbook_generator.

widgetbook_generator

Um pacote para automatizar a configuração e manutenção do pacote widgetbook usando geração de código.

demoflu

Construtor de demonstração de pacotes. Aplicação web para exibir o uso dos widgets do pacote.

monarch_annotations

Anotações para Monarch. Monarch é uma ferramenta para construir widgets Flutter isoladamente. Facilita a criação, teste e depuração de interfaces complexas.