[ ] Escolha uma ferramenta para estilizar sua aplicação que:

1. Separe o visual da lógica do componente.
2. Que facilite a manutenção das suas interfaces.
3. Que lhe dê flexilidade

[ ] Centralize os Tokens de Design da sua aplicação.

[ ] Como extrair a paleta de cores de uma imagem.

https://color.adobe.com/pt/create/color-wheel

[ ] Dica: estude o circulo de cores e as combinações

[ ] Não conte com a fonte padrão do dispositivo. Utilize uma fonte personalizada.

[ ] Aprender o básico de tipografia: entender que as fontes transmitem sentimento.

[ ] Pergunte pra si mesmo ao utilizar fontes personalizada:

1. É legível?
2. Sobrecarrega o layout?
3. Leve consideração o propósito da fonte

[ ] Responsividade no mobile:

1. Para tamanhos relativos: https://www.npmjs.com/package/react-native-responsive-fontsize
2. No mobile a atenção é muito mais na largura do que na altura.

[ ] Não adianta ser bonito se não é funcional. Cuide da usabilidade!

[ ] Utilize animações com proposito:

Criando animações com propósito no React Native - Decode #014

[ ] Bibliotecas de animações:

1. React Native Reanimated v2: https://docs.swmansion.com/react-native-reanimated/
2. Moti: https://moti.fyi/
3. Animatable: https://github.com/oblador/react-native-animatable
4. React-native-shared-element: https://github.com/IjzerenHein/react-native-shared-element