Repositório dedicado ao estudo e implementação de animações avançadas em React Native. O projeto foca em performance, fluidez de UI e automação de testes para garantir que as interações funcionem perfeitamente em ambas as plataformas (Android e iOS).
- React Native - Framework para desenvolvimento mobile.
- TypeScript - Tipagem estática para maior segurança no desenvolvimento.
- React Native Reanimated - Engine para animações de alta performance.
- Detox - Framework de testes End-to-End (E2E) para mobile.
- CircleCI - Pipeline de integração contínua para automação de builds e testes.
- UI Interactions: Micro-interações em componentes de interface.
- Gestures: Manipulação de eventos de toque e gestos complexos.
- Automated QA: Cobertura de testes e2e para validar fluxos de animação.
- CI/CD: Workflows automatizados para validação de código.
Animations/
├── .circleci/ # Configurações de Integração Contínua
├── .github/ # Workflows do GitHub Actions
├── android/ # Código nativo Android
├── ios/ # Código nativo iOS
├── e2e/ # Testes de ponta a ponta (Detox)
├── routes/ # Definições de navegação do App
├── src/ # Código fonte da aplicação
│ ├── assets/ # Imagens, fontes e arquivos de animação
│ └── components/ # Componentes animados e reutilizáveis
├── App.tsx # Componente raiz
├── index.js # Entrada do aplicativo
├── package.json # Dependências e scripts de execução
└── tsconfig.json # Configurações do TypeScript
- Clone o repositório:
git clone https://github.com/LeonardodeLima/Animations.git- Instale as dependências:
yarn install- Instale os Pods (apenas iOS):
cd ios && pod install && cd ..- Execute o projeto:
yarn android # para Android
yarn ios # para iOSyarn detox:build
yarn detox:testDesenvolvido com <3 por Leonardo de Lima
