/instaclone

Clone do feed do instagram com React Native.

Primary LanguageJavaScript

Interface do Instagram(feed) - React Native

Clone da interface do instagram produzido com base no vídeo "Clonando interface do Instagram (+ SCROLL ANIMADO) com React Native | Diego Fernandes" disponível em https://www.youtube.com/watch?v=2nXsLpUCO20.


Screenshots

Principais funcionalidades implementadas

  • Scroll infinito.
  • Lazy load das imagens do feed;
  • Blur das imagens ainda não carregadas;
  • "Pull to refresh" para atualizar o feed;

Passo a passo para a instalação

Clone este repositório através da linha de comando

git clone https://herbertfvieira@bitbucket.org/herbertfvieira/empresas-react-native.git

Ou baixe o repositório.

Através do terminal de sua preferência acesse a pasta raiz do projeto e rode:

yarn

Feito isso é hora de iniciar a API fake com o json-server rodando:

yarn json-server server.json -d 1000 -w

Abra outro terminal no mesmo diretório e inicie a aplicação em um emulador iniciado:

react-native run-android ou react-native run-ios

Agora é só acessar o aplicativo e visualizar suas funcionalidades.