English

React Native ready app

This project is a prototype for a mobile app with a simple navigation between user and country, and with this example we are exploring the mobile capatibilites and react native.

Please contribute with the english documentation.

Portuguese

React Native ready app

Este é um projeto inicial de uma app mobile com uma navegação simples entre usuário e país, e com este exemplo nós podemos explorar as capacidades de uma app mobile usando react native.

Feito Com

Abaixo segue o que foi utilizado na criação deste prototype:

• React Native - O React Native é um framework que permite o desenvolvimento de aplicações mobile usando JavaScript e React;
• Redux - O Redux é um contêiner de estado previsível para aplicativos JavaScript. Ele ajuda você a escrever aplicativos que se comportam consistentemente, executados em diferentes ambientes (cliente, servidor e nativo) e são fáceis de testar;
• React Navigation - O React Navigation surgiu da necessidade comunidade do React Native de uma navegação de forma fácil de se usar, e escrita toda em JavaScript;
• React Native Gesture Handler - API declarativa que permite a manipulação de toques e gestos no React Native;
• Fetch - A Fetch API fornece uma interface para buscar recursos (por exemplo, em toda a rede);
• Prop Types - Verificação de tipo em tempo de execução para propriedades (props) React e objetos semelhantes;
• Reactotron - O Reactotron é um app Desktop para inspecionar projetos em React ou React Native. Está disponível para macOS, Linux e Windows;
  • reactotron-react-native - Plugin para configurar o Reactotron para se conectar ao projeto React Native;
  • reactotron-redux - Plugin que permite acompanhar todas as Actions que são disparadas na aplicação, mostrando toda a estrutura da Action;
• Babel - O Babel é um compilador JavaScript gratuito e de código aberto e transpiler configurável usado no desenvolvimento de aplicações JavaScript;
  • babel-eslint - Este pacote é um wrapper do parser do Babel para o ESLint;
• Eslint - O ESLint é uma ferramenta de lint plugável para JavaScript e JSX;
  • eslint-config-airbnb - Este pacote fornece o .eslintrc do Airbnb como uma configuração compartilhada extensível;
  • eslint-plugin-import - Plugin do ESLint com regras para ajudar na validação de imports;
  • eslint-plugin-jsx-a11y - Verificador estático AST das regras do a11y em elementos JSX;
  • eslint-plugin-react - Regras de linting do ESLint específicas do React;
  • eslint-plugin-react-native - Regras de linting do ESLint específicas do React Native;
• EditorConfig - O EditorConfig é um formatador de arquivos e coleções em forma de Plugin para Editores de código/texto com o objetivo de manter um padrão de código consistente entre diferentes editores, IDE's ou ambientes; -Apetools - Gerador de icones e splash para android e ios

Estrutura de arquivos está na segunte maneira:

A estrutura de arquivos está da seguinte maneira:

react-native-ready
├── src/
│   ├── config/
│   │   └── ReactotronConfig.js
│   ├── Views/
│   │   ├── Home/
│   │   │    └── index.js
│   │   ├── Review/
│   │   │    └── index.js
│   │   ├── Country/
│   │       └── index.js
│   ├── store/
│   │   ├── ducks/
│   │   │   └── index.js
│   │   └── index.js
│   ├── index.js
│   └── routes.js
├── .editorconfig
├── .eslintrc.json
├── .gitignore
├── babel.config.js
├── dependencies.json
├── devDependencies.json
├── index.js
├── LICENSE
├── package.json
├── screen.png
├── ...
└── README.md

Variavel de Ambiente

If you need to connect in API's that requires, api key, you can use this .env file with the following keys:

API_KEY=
API_HOST=

Run este projeto

yarn

yarn start

Screensort