A idéia deste projeto foi fazer uma Pokedex usando a pokeApi(https://pokeapi.co/docs/v2) e usando React Native.
- JavaScript;
- Typescript;
- React Native;
- React Hooks;
- Styled Components;
- Git como ferramenta de versionamento;
- Yarn;
- Android Studio para configurações do emulador Android;
- VsCode como IDE de desenvolvimento;
- Reactotron para debug;
| Windows | Linux |
|---|---|
| NodeJS | NodeJS |
| JDK 8 | JDK 8 |
| SDK Android | SDK Android |
| React Native CLI | React Native CLI |
| SDK Android | SDK Android |
| Chocolatey | - |
| - | CURL |
| Python | - |
| - | Watchman |
Com o intuito de não extender, nem deixar o tutorial repetitivo, separamos um artigo da Rocketseat, para auxiliar na instalação de todo o ambiente React Native citado.
Normalmente, só é necessário o download e configuração do SDK do Android, mas para algumas funcionalidades específicas e principalmente emuladores, é necessário instalar a IDE do Android.
Para isso, acesse o tutorial de instalação do Android Studio para o seu sistema operacional.
Após a instalação, é necessário a criação do emuladador.
- develop: branch que servirá de base para a criação de novas funcionalidades.
Todas as branches de feature devem partir da develop.
Todos os scripts podem ser vistos no arquivo package.json, na raiz do projeto. Algumas delas:
- android: "npx cross-env ENVFILE=.env.dev react-native run-android",
- android:release: "cd android && npx cross-env ENVFILE=.env.dev ./gradlew app:assembleRelease",
- android:release:install: "cd android && adb install app/build/outputs/apk/release/app-release.apk,
- android:debug: "cd android && npx cross-env ENVFILE=.env.dev ./gradlew app:assembleDebug",
- android:gclean: "cd android && npx cross-env ENVFILE=.env.dev ./gradlew clean",
- android:clean: "adb shell pm clear com.pokeapp",
- ios: "ENVFILE=.env.dev react-native run-ios",
- ios:release: "ENVFILE=.env.dev react-native run-ios --configuration=release",
- ios:xcclean: "cd ios && ENVFILE=.env.dev xcodebuild clean -scheme pokeapp -workspace pokeapp.xcworkspace",
- ios:pod: "cd ios && npx pod-install",
- start: "react-native start",
- test: "jest",
- format: "prettier --write",
- lint: "eslint --fix"
-
Abra o projeto no VsCode
-
Entre na branch de desenvolvimento:
$ git checkout develop -
Baixe as dependências do projeto:
$ yarn -
Configure o Reactotron:
- Na raiz do projeto, no arquivo .env.dev, e apontar o seu endereço de IP para a variável REACTOTRON_IP=
Exemplo:
REACTOTRON_IP=SeuIpAqui
- Na raiz do projeto, no arquivo .env.dev, e apontar o seu endereço de IP para a variável REACTOTRON_IP=
Exemplo:
-
Execute o emulador previamente configurado ou utilize um dispositivo fisíco conectado via USB
-
Entre na raiz do seu projeto via terminal execute o comando :
$ yarn android