Projeto | Layout | Tecnologias | Executando | Licença
Esse projeto foi desenvolvido para aprendizagem da arquitetura de Atomic Design(átomos, moléculas e partículas) em React Native. Um app simples para aluguel de imóveis.
- Arquitetura Atomic Design
- Criando componentes com o Storybook
- Estilizando components com o Styled Components
- Instalando dependências com o Yarn
- Consumindo API's com o Axios
- Navegação com o React Navigation
- Gerenciando estado global com o Zustand
- Salvando dados localmente com o Async Storage
- Personalização de Ícones e Splash Screen na camada Nativa
- Gerando versão Release do App
Você pode encontrar o layout nesse link do Figma
Esse projeto foi desenvolvido com as seguintes tecnologias:
- Typescript - Em Conversão
- styled-components
* Para mais detalhes, veja o package.json
# Clone este repositório
$ git clone https://github.com/Douglasproglima/FindHouses.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd FindHouses
# Instale as dependências
$ yarn install
# Execute a aplicação
$ yarn android ou yarn ios
# Relacionar as fontes ao react-native
$ npx react-native link
# Em novos projetos, nasta add dentro da pasta src/assets/fonts as fontes de sua escolha. Após esse procedimento, na raiz do projeto, deve se criar um arquivo react-native.config.js e conteúdo algo similar:
module.exports = {
assets: ['./src/assets/fonts/'],
};
# repetir o comando link para relacionar as fonts ao react-native.
# Para usar api externa, é necessário add dois pacotes, axios e react-native-dotenv
$ yarn add axios react-native-dotenv
# Configurar plugin do react-native dotenv no arquivo babel
$
# Limpar cache do Metro bundle (Pausar o nodeserver)
$ yarn start --reset-cache
# Resolvendo problema do Debbug data do emulador
$ adb shell "date `date +%m%d%H%M%Y.%S`"
TO
$ adb shell date -s $(date +%Y%m%d.%H%M%S)
Feito com ❤️ por Douglas Lima Entre em contato!