Tech W2O - Documentação
Bem-vindo à documentação da Tech W2O! Este espaço é dedicado às features em comum dos projetos W2O que utilizam os pacotes de componentes e utilitários desenvolvidos pelo time de desenvolvimento (Gustavo).
🚀 Quick Start
Mantendo os pacotes atualizados
Para atualizar todos os pacotes:
🎨 Design System
Todos os projetos W2O utilizam um design system consistente baseado em:
- Framework CSS: Tailwind CSS v3.4+
- Framework JS: Alpine.js
- Componentes blade: Componentes do pacote w2o-blade-componentes
- Ícones: Tabler Icons e Remix Icons
- Paleta de cores: Padrão W2O (primary, secondary, success, warning e danger)
📦 Pacotes principais
A Tech W2O é construída em torno de três pacotes-chave que fornecem funcionalidades reutilizáveis em todos os projetos:
w2o-table
Componente avançado para exibição de dados em tabelas (grids)
w2o-utils
Utilitários e ferramentas reutilizáveis para projetos W2O. Inclui:
- Fila de E-mails: Sistema de enfileiramento e envio de e-mails em background
- Modelos de E-mail: Registro e preparação de templates com suporte a macros
- Helpers diversos: Funções auxiliares para tratamento de dados
w2o-blade-components
Biblioteca completa de componentes Blade para interfaces W2O. Oferece:
- Componentes UI: Botões, Cards, Modais, Formulários e mais
- Ícones W2O: Sistema de ícones consistente
- Tooltips e Popovers: Componentes interativos
- Layouts Responsivos: Grids e flexbox prontos para uso
- Temas Personalizáveis: Suporte a temas e customizações visuais
💡 Boas práticas
Arquitetura
- Isolamento: Mantenha módulos desacoplados usando hooks e eventos
- Reutilização: Use os componentes W2O em vez de criar novos para coisas comuns como paineis e inputs
- Consistência: Siga o design system em toda a aplicação
Desenvolvimento
- Testes: Sempre escreva testes para novas features
- Documentação: Documente módulos, hooks e eventos customizados
- Performance: Use lazy loading e paginação para grandes volumes de dados
Última atualização: Fevereiro 2026
Desenvolvido com ❤️ pelo time W2O