ton-app

Nota: Certifique-se de ter concluído as instruções de Configuração do Ambiente do React Native até a etapa "Criando um novo aplicativo", antes de prosseguir.

Primeiro, você precisará iniciar o Metro, o bundler JavaScript que acompanha o React Native.

Para iniciar o Metro, execute o seguinte comando a partir da raiz do seu projeto React Native:

# usando npm
npm start

# OU usando Yarn
yarn start

Deixe o Metro Bundler rodando em seu próprio terminal. Abra um novo terminal a partir da raiz do seu projeto React Native. Execute o seguinte comando para iniciar o seu aplicativo Android ou iOS:

# usando npm
npm run android

# OU usando Yarn
yarn android

# usando npm
npm run ios

# OR usando Yarn
yarn ios

Se tudo estiver configurado corretamente, em breve você deverá ver o aplicativo rodando no seu Emulador Android ou Simulador iOS, desde que você tenha configurado o emulador/simulador corretamente.

Essa é uma forma de executar o aplicativo — você também pode executá-lo diretamente do Android Studio e Xcode, respectivamente.

.
├── ...
├── __tests__ # Arquivos de teste
├── __mocks__ # Arquivos de mock (api, tests, etc)
├── assets # Fontes e assets do README.md
├── src # Código fontes JavaScript
│   └── @types # Definições dos tipos usados no projeto
│   └── components # Componentes genériicos da aplicação
│   └── global # Configurações globais
|       └── services # Configurações da api
|       └── styles # Configurações de estilo
│   └── helpers # Pasta com úteis/constantes globais (validações, máscaras, etc)
│   └── presentational # Apenas a parte visual dos componentes (screens)
│   └── routes # Toda a configuração da rota
|       └── screens # As telas/páginas (parte lógica)
|       └── stacks # As stacks que irão compor as rotas
|   └── server # Mock do servidor (miragejs)
└── ...

https://github.com/davidsonmarra/ton-app/assets/80720221/9b8e8fe9-bfa2-42e8-905b-ad9b0fea2509

Toda a documentação foi desenvolvida com o Storybook. Para rodar, basta alterar a propriedade RUN_STORYBOOK no arquivo env.json com o app rodando.

https://github.com/davidsonmarra/ton-app/assets/80720221/4e5937bd-fc99-42e4-a375-b4a6ffd510f0

https://github.com/davidsonmarra/ton-app/assets/80720221/03164c88-6ca7-48f9-b096-76f817a8ab6e