AVALON
TEMPLATE AVANÇADO
Tabela de Conteúdo
Sobre o Projeto
Este projeto visa a criação de um template que possa ser utilizado no momento de criação de projetos utilizando React Native, visto que o processo de instalação e configuração das libs no início de um projeto podem gerar certa complexidade e muitas vezes até erros que atrasam o processo, atrapalhando assim o fluxo de desenvolvimento.
Feito Com
Abaixo segue o que foi utilizado na criação deste template:
- React Native
- Redux
- React Navigation
- Vector Icons
- Styled Components
- Lottie React Native
- Lottie Ios
- Seamless Immutable
- Axios
- Prop Types
- Reactotron
- Babel
- Prettier
- EditorConfig
Começando
Para utilizar o template recomendo fazer uso da React Native CLI.
Instalando
- Basta criar um novo projeto utilizando o seguinte comando:
npx react-native init MyApp --template avalon-advanced
- Após o término, remova o arquivo
App.js
da raiz, pois oindex.js
agora faz o trabalho na pasta src.
Agora temos o projeto criado, com todas as dependências e configurações que o template oferece.
Estrutura de Arquivos
A estrutura de arquivos está da seguinte maneira:
avalon-advanced├── src/│ ├── assets/│ │ ├── fonts/│ │ │ └── Oswald-Bold.ttf│ │ │ └── Oswald-Light.ttf│ │ │ └── Oswald-Regular.ttf│ │ └── images/│ │ └── lottiefiles/│ │ └── dev.json│ ├── components/│ │ ├── atoms/│ │ │ └── typograph/│ │ │ └── index.js│ │ ├── Button.js│ │ └── CodeBox.js│ ├── config/│ │ └── ReactotronConfig.js│ ├── navigations/│ │ ├── app-navigator.js│ │ └── index.js│ ├── pages/│ │ ├── Main/│ │ │ ├── index.js│ │ │ └── styles.js│ │ └── Doc/│ │ ├── utils/│ │ │ └── libs.json│ │ ├── index.js│ │ └── styles.js│ ├── services/│ │ └── api.js│ ├── store/│ │ ├── ducks/│ │ │ └── index.js│ │ ├── sagas/│ │ │ └── index.js│ │ └── index.js│ ├── styles/│ │ ├── colors.js│ │ ├── index.js│ │ ├── mixins.js│ │ ├── spacing.js│ │ └── typography.js│ └── index.js├── .editorconfig├── .eslintrc.json├── .gitignore├── babel.config.js├── dependencies.json├── devDependencies.json├── index.js├── jsconfig.js├── LICENSE├── package.json├── react-native.config.js└── README.md
Edição
Nesta seção haverão instruções caso você queira editar o template, explicando para que os diretórios são utilizados e também os arquivos de configuração.
Contribuição
Contribuições são o que fazem a comunidade open source um lugar incrível para aprender, inspirar e criar. Qualquer contribuição que você fizer será muito apreciada.
- Faça um Fork do projeto
- Crie uma Branch para sua Feature (
git checkout -b feature/FeatureIncrivel
) - Adicione suas mudanças (
git add .
) - Comite suas mudanças (
git commit -m 'Adicionando uma Feature incrível!
) - Faça o Push da Branch (
git push origin feature/FeatureIncrivel
) - Abra um Pull Request
Para testar o template de um caminho local, coloque o caminho absoluto junto com o prefixo file://
react-native init AwesomeContribution --template file://Dev/contributions/react-native-template-avalon-advanced
Licença
Distribuído sob a licença MIT. Veja LICENSE
para mais informações.
Contato
Carlos Miguel - miguel21.melo21@gmail.com
Créditos
Este template foi inspirado no template feito pela Rocketseat💜