This is a challenge by Coodesh
O HelloWord é um aplicativo móvel que permite aos usuários visualizarem e gerenciarem palavras em inglês, fornecidas pela API Free Dictionary.
A seguir, uma lista das tecnologias adotadas para este projeto e o porquê de cada escolha:
- Expo: oferece simplicidade nas ferramentas e na configuração do app para iOS e Android. Isso poupa tempo na configuração inicial dos projetos.
- Jotai: uma biblioteca lightweight, orientada a Typescript que gerencia estados globais da aplicação utilizando a abordagem atômica.
- NativeWind: um sistema de estilização universal que permite usar o Tailwind, um framework de estilos, em apps React Native. Com isso, é possível usar um único conjunto de classes de estilo (Tailwind CSS) tanto para Android como para iOS. Além disso, NativeWind promove uma melhor DX(Developer Experience) e manutenibilidade.
- Jest: um framework de testes intuitivo que permite testar as funcionalidades de forma unitária.
- Maestro: um framework de testes de integração. Permite criar testes automatizados imitando o comportamento do usuário ao usar o aplicativo.
- FlashList: uma alternativa ao
FlatListque oferece melhor performance ao renderizar grande quantidade de itens numa lista.
- json-server: um banco de dados baseado no formato JSON. Com isso, é possível criar um servidor local baseado num arquivo
.json. - react-query: uma biblioteca poderosa com gerenciamento de estado e queries de forma declarativa.
Uma representação das interfaces e funcionalidades básicas do app HelloWord feito na Whimsical.
Para este projeto, segui a seguinte linha de pensamento:
- Análise de Requisitos: Compreensão dos requisitos do desafio e definição das funcionalidades principais do aplicativo inicialmente com papel e caneta. Defini o nome do aplicativo como uma referência ao mundo da programação "Hello World".
- Escolha de Tecnologias: Pesquisei e selecionei do meu banco de ferramentas as tecnologias mais adequadas para o desenvolvimento, levando em consideração a simplicidade, eficiência e desempenho.
- Wireframe: Criação de uma representação das interfaces e funcionalidades básicas do app HelloWord com a ajuda do Whimsical.
- Desenvolvimento Frontend e Backend: Implementação das funcionalidades do aplicativo tanto no Frontend quanto no Backend, utilizando as tecnologias escolhidas. Sempre inicio com a implementação visual das telas e dos componentes para depois implementar as funcionalidades. Mas antes de implementá-las, já desenho os testes unitários para cada componente.
- Testes e Depuração: Realização de testes unitários e de integração para garantir a qualidade e estabilidade do aplicativo. Depuração de erros e correções de bugs conforme necessário. Dou muita prioridade aos testes unitários e E2E, então fiz uma pesquisa das tecnologias que melhor desempenham no React Native.
- Documentação: Preparação da documentação do projeto, incluindo este README.md, para fornecer informações detalhadas sobre o aplicativo, seu funcionamento e as tecnologias utilizadas. Recorri aos meus desenhos e anotações durante o desenvolvimento para criar um README fácil de entender e que descrevesse meu processo de desenvolvimento.
Durante o desenvolvimento de meus projetos, evito fazer melhorias prematuras, seguindo o princípio de Dun Knuth:
premature optimization is the root of all evil.
Também sigo os princípios YAGNI e KISS, para manter o código o mais limpo e claro possível. Além disso, este projeto foi desenvolvido seguindo o metodologia FDD (Feature Driven Development) que visa entregar features (funcionalidades) de forma iterativa e incremental. Isso me permite dividir o app em features que contenham seus próprios componentes e lógica.
- Faça o clone deste projeto da maneira que preferir.
- Instale as dependências do projeto:
yarn install- Execute o projeto:
yarn iosOu
yarn android- E também, execute o servidor local:
yarn server