[Rick and Morty Characters Wiki] — Parte 1 — Iniciando o projeto

Photo by Arnold Francisca on Unsplash

Caso tenha caído aqui por acidente, essa é a parte 1 de uma serie de posts para implementação de uma aplicação inspirada no post Rick and Morty Character Wiki do Joy Shaeb:

0 — Rick and Morty Character Wiki

É preciso ter um ambiente configurado para poder desenvolver em React Native, caso você não tenha, a Rocketseat tem um tutorial bem atualizado sobre o assunto, você pode acessar no link a seguir:

https://react-native.rocketseat.dev/

Com o ambiente configurado, vamos iniciar nosso projeto com typescript, vamos utilizar o comando abaixo:

npx react-native init rickmortywiki --template react-native-template-typescript

Assim que a instalação terminar:

Instalação finalizada

Acima, eu utilizo uma sequencia de comandos “cd rickmortywiki/ && code .”, o primeiro irá navegar até a pasta do nosso projeto chamada “rickmortywiki” e logo em seguida abrir o projeto no VS Code.

Projeto rickmortywiki aberto no VS Code

Em seguida, rode o comando:

# executar no ios
yarn ios

# executar no android
yarn android

Simulador ios aberto

Ok, até o momento temos um projeto básico inicializado, no próximo passo vamos mudar um pouco a estrutura do nosso projeto. Continua na parte 2.

Parte 2 — Estrutura

GitHub - WallysonGalvao/rickmortywiki

Using TypeScript with React Native · React Native

ReactJS Project - Build a Rick and Morty Character Wiki