NLW Together - Game Play. ReactNative Mobile App.

• 1. #together
  • Porque estamos juntos nessa missão. É com junto com vc que estamos construindo tudo isso. E é por isso que não abrimos mão de nossa comunidade. O NLW é um evento feito para a comunidade se reunir e evoluir em unidade. Esse sincronismo é poderodo. Você já percebeu o quanto estar junto de outros devs que resporam tecnologia, focados em um objetivo comum, compartilhando informações e cooperando faz vc evoluir mais rápido. Essa é a essência no NLW. O nosso time inteiro para pra colocar toda a energia em ajudar cada dev que está com a gente nessa missão. Não existem limites se a gente estiver junto, um ajudando o outro, um contribuindo com o outro. Por isso, sempre que tiver oportunidades como essa, aproveite. Você vai acelerar a evolução de todo o ecossistema. É pra isso que construimos o NLW. Para evoluirmos juntos.
• 2. #unidade
  • Unidade é Ação coletiva, que tende a um unico objetivo; Significa união, integração e cooperação. Na unidade não significa que todos se tornam iguais, que as diferenças desapareçam, mas significa que cada um soma com o grupo ao caminhar junto numa mesma visão. num mesmo propósito com os demais, para chegar no nosso objetivo. O próximo nível.
• 3. #embuscadeevolução
  • O universo é infinito, não existem limites para o que podemos construir, a evolução é necessária, não existe inércia, precisamos estar sempre em busca do próximo nível porque a tecnologia não para de evoluir.
• 4. #legacy
  • Nos importamos com o legado. É sobre isso. Sobre fazer parte da solução, fazer a diferença no mundo através das linhas de código. Contruir soluções que deixem o mundo melhor, mais próspero.
• 5. juntos no próximo nível
  • Chegamos ao fim de mais uma edição e agora, em um novo nível, cravamos a nossa bandeira. Parabéns por chegar até aqui. Com tudo o que a gente viu nessas 5 aulas práticas e com base em todos os feedbacks, eu tenho certeza que você avoluiu muito. Então comemore o momento e lembre-se: O aprendizado é contínuo e sempre haverá um próximo nível.

• GIT username/email configuration:

  • Set your username:
    • git config user.name "FIRST_NAME LAST_NAME"
  • Set your email address:
    • git config user.email "[email protected]"
  • Verify your configuration by displaying your configuration file:
    • cat .git/config

• Criar o APP:

  • Instalar o App "Expo Go" no celular
  • expo init gameplay
  • blank (TypeScript)
  • expo start
    • Press d | show developer tools
  • "App.tsx": mudar texto para Hello World.

• Segundo Commit

  • Create a Splach Screen - Expo Documentation
  • Adicionar imagens: https://drive.google.com/drive/folders/1RJbqN6XWxz2Tlj3a3Qi0XLteR9pAirLW?usp=sharing
  • Adding SignIn page.

• Terceiro Commit

  • Adicionar fontes
  • docs.expo.io
  • google fonts (fonts.google.com)
  • expo install expo-font @expo-google-fonts/inter
  • expo install @expo-google-fonts/rajdhani
  • AppLoading: expo install expo-app-loading
  • LinearGradient: expo install expo-linear-gradient
    • Background

• Quarto Commit

  • yarn add react-native-iphone-x-helper
  • Criar tela do Home
  • Adicionar o perfil
  • Adicionar o avatar
  • Adicionar navegação:
    • https://reactnavigation.org/docs/getting-started/
    • yarn add @react-navigation/native
    • expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
    • yarn add @react-navigation/stack
  • Adding icons
    • https://icons.expo.fyi/

• Quinto Commit

  • expo svg
    • expo install react-native-svg
    • https://github.com/kristerkari/react-native-svg-transformer
      • yarn add --dev react-native-svg-transformer
    • Criando caregorias
    • Criando partidas agendadas

• Criando a tela de detalhes de agendamento
• Criando a tela agendamento de patidas
• 1:32:11
• Inferface de detalhes do servidor
• Interface de Agendamento
• Formulários
• Modal
• Reaproveitando componentes

• Refactor 30:03
• Contexto
• Autenticação com o OAuth2
• Rotas Públic