Apresentação de React Native e ReactJS

React Page

• React Page Phillipe
• Documentação React Native
• Documentação Expo

Requisitos para o projeto

• NodeJS instalado na máquina. Baixar NodeJS
• VS Code ou outro editor de código de sua preferência. Baixar VS Code
• Git instalado na máquina. Baixar Git

Links úteis

• Expo Go - Google Play
• Expo Go - Apple Store
• Criar conta na CoinMarketCap para acesso à API: Criar conta na CoinMarketCap

---

Instalação e Configuração

Passos para iniciar o projeto

1. Crie um novo projeto Expo com o seguinte comando:

npx create-expo-app --template

2. Ao ser solicitado, selecione a opção Blank Typescript.
3. Escolha um nome para o projeto.
4. Navegue até a pasta do projeto e execute o comando para instalar o Expo CLI globalmente:

npm install -g expo-cli

5. Ainda na pasta do projeto, inicie o projeto com o seguinte comando:

npx expo start -c

Instalar Dependências

Execute os comandos abaixo dentro da pasta do seu projeto para instalar as bibliotecas necessárias:

npm install @babel/core
npm install axios
npm install expo-constants
npm install expo-status-bar
npm install expo
npm install onesignal-expo-plugin
npm install react-native-chart-kit
npm install react-native-paper
npm install react-native-safe-area-context
npm install react-native-svg
npm install react-native
npm install react

---

Estruturação de Pastas

Organize as pastas do seu projeto para mantê-lo bem estruturado. Um exemplo de organização pode ser encontrado no link abaixo:

projeto/ ├── api/ │ ├── api.ts ├── assets/ ├── styles/ │ ├── styles.tsx ├── App.tsx └── package.json

• Link Notion para acompanhar

• Link Docs para acompanhar

Autor

Este projeto foi desenvolvido como parte de uma apresentação sobre React Native e ReactJS.

by Phillipe Macedo