Storybook
Ferramenta para desenvolver e documentar componentes de UI em isolamento, criando uma biblioteca visual interativa dos componentes do projeto.
Analogia
Storybook é como um catálogo IKEA de componentes — você vê cada peça isolada, com todas as variações, sem precisar montar a mobília inteira para ver como ela fica.
Contextos de uso
Iniciante
Cria stories básicas para componentes existentes.
Intermediário
Usa args, controls e actions para criar stories interativas e documentação.
Avançado
Configura design tokens, integra com Figma e automatiza testes visuais.
Cargos que usam Storybook
Desenvolvedor React
Especialista na biblioteca React, criada pelo Facebook. Constrói interfaces de usuário modernas e reutilizáveis usando o conceito de componentes — blocos independentes que se combinam para formar a tela completa.
Desenvolvedor Vue.js
Especialista no framework Vue.js, uma alternativa mais acessível ao React. Muito popular em empresas europeias e asiáticas, e em projetos que começaram com PHP.
Designer UX/UI
Projeta a experiência e interface de produtos digitais. UX (User Experience) foca em como o produto funciona; UI (User Interface) foca em como ele parece visualmente.
Tecnologias relacionadas
React
FrontendReact é como o LEGO — os desenvolvedores montam interfaces usando blocos pré-fabricados chamados componentes, que podem ser reutilizados em várias partes do site.
Cargos relacionados
Desenvolvedor JavaScript, Desenvolvedor TypeScript, Desenvolvedor React
Vue.js
FrontendVue é como um apartamento modular — você instala apenas o que precisa e expande conforme o projeto cresce.
Cargos relacionados
Desenvolvedor Vue.js
Svelte
FrontendSvelte é como construir um carro direto da fábrica sob medida — em vez de ter um motor extra (Virtual DOM) traduzindo seus comandos, o carro já é construído para obedecer seus comandos diretamente.
Figma
FerramentaFigma é como o Google Docs do design — toda equipe edita o mesmo arquivo em tempo real, comentando e iterando juntos, com o histórico de versões sempre disponível.
Jest
TestesJest é como um revisor incansável que verifica cada função do seu código — você define o que espera que aconteça e ele confirma mil vezes, mesmo que você mude o código.
Tailwind CSS
FrontendTailwind é como ter uma caixa de tintas com todas as cores já nomeadas — em vez de misturar cores manualmente, você simplesmente escolhe a que já existe.
Cargos relacionados
Desenvolvedor JavaScript, Desenvolvedor React, Desenvolvedor Vue.js