[DriverX] #02 - Front-end do app c/ React Native, Styled-Components & Google Maps

🚨 Fala maninhooo, beleza?
Eae, ta afim de aprender a construir um app de transporte de passageiros, onde pessoas poderão chamar carros, obter o preço, distância e outras informações, motoristas poderão aceitar corridas e você ainda recebe uma porcentagem de cada corrida feita dentro do aplicativo?

Do dia 25 á 30 de janeiro eu vou liberar uma série de 6 aulas TOTALMENTE GRATUITA onde te mostro o passo-a-passo pra construir uma startup de transporte de passageiros com split de pagamento e chamadas em tempo real TOTALMENTE DO ZERO.

Além disso, vamos aprender a trabalhar com rotas e mapas na nossa aplicação.

Capítulos
00:00:00 Introdução
00:02:13 Iniciando um projeto React Native (CRA-Template)
00:03:14 Espelhando device no PC/Mac com React Native e SCRCPY (Genymobile)
00:04:10 Instalando dependências e configurando Scripts
00:10:16 Configurando estrutura de projeto React Native
00:14:14 Componente container estilizado c/ Styled-Components
00:22:55 Tematização (Cores) e Exportação de Imagens
00:27:56 Tela Login / Cadastro Social (Facebook & Google)
00:36:19 Tela de Tipo (Usuário / Motorista)
00:51:10 Tela de Cadastro de Motorista
00:59:56 Tela de Pagamento p/ Cartão de Crédito
01:05:55 Tela de Criação de Corrida
01:17:31 Criando Tela do Mapa (React Native Maps + Google Maps)
01:20:57 Configurando o Google Cloud Platform p/ Google Maps API
01:23:48 Instalando React Native Pulse
01:24:14 Instalando e Configurando React Native Maps
01:31:36 Tela Passageiro - Mapa
01:42:52 Tela Motorista - Mapa
01:47:27 Tela Passageiro - Informações da corrida
01:58:36 Tela Passageiro - Procurando motoristas (React Native Pulse)
02:04:06 Tela Passageiro - Corrida aceita
02:12:43 Tela Motorista - Recebendo e aceitando corrida

#frontend #reactnative #programação

[rafaelmrantunes]

Eu acho que falo por todos o quanto estamos gratos por compartilhar seu conhecimento conosco. Com certeza, vou acompanhar e indicar essa série. Assisti somente os 7 primeiros minutos, mas é sem dúvidas, de qualidade.

[victorjacon]

Mais uma aula completa, fiz tudo, rodou tudo certinho no windows 10! Finalmente encontrei meu professor hehe <3

[heudersena]

sé louco que conteúdo fantástico. Me faz pensar que também posso chegar lá um dia, um pouco de compreensão dia após dia.

[juniordias]

Parabéns irmão, muito top suas aulas.

[front-enddeveloper]

Nos próximos projetos você vai utilizar typescript ? Quero muito ver com a tua didática!!

[StevennMuller]

Parabéns pelo conteúdo! Estou com um probleminha que acredito ser no padding do container. Ainda não finalizei o vídeo, mas a opção "voltar" e o botão "Começar a usar" ficam sem texto ou com texto cortado quando adiciono o padding do container. Alguém passou por isso?

[juniorgomesdasilva]

Sem acesso ao LAB! Ainda está disponível?

[joaobatistavianna]

nao consegui iniciar o app aparece essa mensagem
Run instructions for Android:
• Have an Android emulator running (quickest way to get started), or a device connected.
• cd de Trabalho\app" && npx react-native run-android

Run instructions for Windows:

[victorjacon]

Se vc estiver no windows 10, vc precisa SUBSTITUIR uma linha do seu package.json

A linha start do seu scripts precisa ficar assim pra o bundler funcionar:
"scripts": {
"start": "adb reverse tcp:8081 tcp:8081 && react-native start",

},

[MrACACIO]

Quando coloco esse comando aí (react-native init com o nome do aplicativo que vou criar) aparece essa menas angel pra mim ('react-native' não é reconhecido como um comando interno ou externo, um programa operavel ou um arquivo em lotes.)

[MrACACIO]

Esse comando aí pra criar o projeto não tá dando certo comigo

[josuejhonatascalazansperei]

É possivel fazer o aplicativo com EXPO?

[heudersena]

mano eu estou tentando criar uma conta no teu site mais esta dano error de network.

[idenilsonsantos]

E como faz para acessar os conteúdos ? Já tenho conta no site, só que ao tentar entrar com meu usuário diz que não existe ;(