Skip to content

LeonardodeLima/Animations

Repository files navigation

Animations

Animations

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).


Tecnologias Principais

  • 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.

Funcionalidades e Experimentos

  • 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.

Estrutura de Pastas

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

Como Rodar o Projeto

  1. Clone o repositório:
git clone https://github.com/LeonardodeLima/Animations.git
  1. Instale as dependências:
yarn install
  1. Instale os Pods (apenas iOS):
cd ios && pod install && cd ..
  1. Execute o projeto:
yarn android # para Android
yarn ios     # para iOS

Para rodar os testes E2E com Detox:

yarn detox:build
yarn detox:test

Desenvolvido com <3 por Leonardo de Lima

About

Repositório demonstrando listas animadas com RN Reanimated e teste E2E Detox

Resources

Stars

Watchers

Forks

Contributors