Minicurso React-Native 📄
Repositório oficial do minicurso de React-Native promovido pelo Célula Acadêmico de Desenvolvimento de Software (CADES) e o Google Developer Group Natal (@gdg-natal) no GDG Natal Meeting #12.
Antes de começar, você vai precisar:
- Node.js
npm
ou yarn- create-react-native-app
Para mais instruções, INSTALL.md.
Passo 0 - Iniciar projeto ↗️
-
create-react-native-app pitaco-de-musica
-
cd pitaco-de-musica
-
yarn add react-navigation
-
yarn start
Passo 1 - Adicionar React-Navigation ↗️
- Criar componente HomeScreen
- Utilizar componente
StackNavigator
Passo 2 - Criar tela de início ↗️
- Utilizar componente
Image
- Utilizar componente
ScrollView
- Utilizar componente
Button
- Estilizar componentes
Passo 3 - Navegar entre telas ↗️
- Criar componente SearchScreen
- Adicionar SearchScreen no navegador raiz
- Adicionar evento para realizar navegação
Passo 4 - Pesquisar e Apresentar Resultados ↗️
- Utilizar componente
FlatList
- Criar componente Header
- Criar componente Item
- Carregar resultados
Passo 5 - Estilização e APIs ↗️
- Utilizar
Alert API
- Estilizar resultados
Passo 6 - Exploração ↗️
- Adicionar exploração
Felipe Pontes | Francisco Bento |
Instituto Federal do Rio Grande do Norte Campus Natal-Central Diretoria Acadêmica de Gestão e Tecnologia da Informação |
GDG Natal |