react-native-template-avalon-advanced v1.0.3
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💜