nubank-clone

Sobre o Projeto

Clone da interface do app do Nubank feita em React Native seguindo esta aula da RocketSeat.

Feito Com

Este projeto utiliza o template da RocketSeat para React Native que foi feito com:

• React Native - O React Native um framework que permite o desenvolvimento de aplicaes mobile usando Javascript e React;
• React Navigation - O React Navigation surgiu da necessidade comunidade do React Native de uma navegao de forma fcil de se usar, e escrita toda em Javascript;
• React Native Gesture Handler - API declarativa que permite a manipulao de toques e gestos no React Native;
• Axios - O Axios um cliente HTTP baseado em Promises para Browser e NodeJS;
• Prop Types - Verificao de tipo em tempo de execuo para propriedades (props) React e objetos semelhantes;
• Reactotron - O Reactotron um app Desktop para inspecionar projetos em React ou React Native. Est disponvel para macOS, Linux e Windows;
  • reactotron-react-native - Plugin para configurar o Reactotron para se conectar ao projeto React Native;
• Babel - O Babel um compilador JavaScript gratuito e de cdigo aberto e transpiler configurvel usado no desenvolvimento de aplicaes Javascript;
  • babel-eslint - Este pacote um wrapper do parser do Babel para o ESLint;
  • babel-plugin-root-import - Esse plugin do Babel permite que sejam feitos imports e requires em caminhos baseados em uma raiz(root);
• Eslint - O ESLint uma ferramenta de lint plugvel para JavaScript e JSX;
  • eslint-config-airbnb - Este pacote fornece o .eslintrc do Airbnb como uma configurao compartilhada extensvel;
  • eslint-plugin-import - Plugin do ESLint com regras para ajudar na validao de imports;
  • eslint-plugin-jsx-a11y - Verificador esttico AST das regras do a11y em elementos JSX;
  • eslint-plugin-react - Regras de linting do ESLint especficas do React;
  • eslint-plugin-react-native - Regras de linting do ESLint especficas do React Native;
  • eslint-import-resolver-babel-plugin-root-import - Um resolver da lib babel-root-import para a lib eslint-plugin-import;
• EditorConfig - O EditorConfig um formatador de arquivos e colees em forma de Plugin para Editores de cdigo/texto com o objetivo de manter um padro de cdigo consistente entre diferentes editores, IDE's ou ambientes;

Pr-requisitos

Para executar esta aplicao ideal que voc tenha o ambiente configurado para criar e testar aplicativos em React Native, para isso voc pode seguir o guia do link abaixo:

Ambiente React Native (Android/iOS)

Executando

Com o ambiente para o React Native configurado, execute o comando react-native run-android ou react-native run-ios caso seja a primeira execuo. Nas demais execues, basta rodar react-native start