REACT NATIVE + FIREBASE: CRIANDO UM APP COMPLETO

Acesse os códigos: onebitcode.com...
📱 React Native Aprendiz (curso COMPLETO gratuito):
• Curso React Native (ap...
✅ Seja avisado sobre novos conteúdos do Onebitcode com React Native:
reactnative.on...
✅ Faça parte do grupo de React Native do Onebitcode no WhatsApp:
chat.whatsapp....
🎯 Aprenda a base da programação web, NodeJS e React com o curso "Programador Full Stack Javascript (Profissional)":
programador.on...
#onebitcode 🤘😁
- -
Bem-vindo ao Onebitcode 🤘
onebitcode.com
/ onebitcode
importante.one...
- -
Music: Hard Metal Intro by WinnieTheMoog
Link: filmmusic.io/s...
License: creativecommons...

[@rafaelvitorio8066]

Eu estava com muitas dificuldade em relação ao react + firebase, e após assistir o vídeo e alguns outros conteúdos do canal consegui implementar um Aplicativo para meu TCC. Atualmente o app está em estado de MVP, para teste de usabilidade e grupo focal. Parabéns pela didática do canal e pelos conteúdos, Valeu.

[@DcKPedro]

cara, seu tutorial de 3 anos atras sobre algo que eu nem era o foco do meu problema me ajudou a resolver o meu problema de conexao com o firebase, muito obrigado eu estava buscando faz uns 2 dias como resolver este problema e consegui resolver com a sua ajuda.

[@williammendonca9975]

Show de aula. Já na espera pra fazer os logins com email, social e confirmacao por SMS

[@ruicosta9249]

Extraordinário, Felipe Moreira. Paranbéns.

[@elciohatiya3695]

Valeu man!!! Já sei integrar com Kotlin e agora deu certo o React Native!! Estou aprendendo react agora

[@adrieldemirandapereira8134]

Valeu, mano. Sucesso para a galera do ONE BIT CODE. Gostei d+ desse vídeo me ajudou bastante. Tive algumas dificuldades para chegar na etapa final tratando-se de erros mas, geralmente era de sintaxe. O segredo é a persistência

[@beatrizromao5253]

Cara que shoow, a minha versão do firebase não estava conectando com essa configuração, mas depois que instalei uma mais antiga, funcionou do começo ao fim. Terminei o projeto em 2h e com esse mesmo esquema adicionei mais campos!! Muitoo bom, me salvoouu muito, continue com os vídeos!!TOPP

[@NexusHighlights]

Boa noite, estou iniciando agora, como você fez isso? firebase atual só esta dando erro.

[@beatrizromao5253]

@@NexusHighlights na instalação pelo terminal eu coloquei: " firebase@9.6.4"(essa foi a versão que eu usei, no meu caso instalei pelo npm mesmo: npm install --save firebase@9... e funcionou essa, mas no link do código é indicado a versão 8) vc pode tentar essa tb.

[@Sir_Falcon]

Dando o meu relato: Eu estava com o mesmo problema, li a sua dica e resolvi experimentar instalar a versão 8.4.0 do Firebase (é uma versão bem próxima usada no vídeo). Segue o comando abaixo para usar dentro da pasta do projeto está sendo mantido. Espero que tenha ajudado alguém :) Comando: npm install --save firebase@8.4.0

[@pcamargobtv]

Excelente conteúdo, desbloqueou muitas dúvidas... e o melhor, da para usar em muita coisa esse projetinho e incrementar também. Aguardando ansiosamente o Login com o Firebase Authenticate.

[@adautomoises2934]

Excelente aula! Mostrou 100% do processo de como é comum aparecer erros pra não ficarmos desesperados.

[@joaodanielalencar5152]

Top video!!!! poderia ter continuação com login

[@dicasdematematicaetecnolog8816]

No início do meu projeto no firestore o código saiu como uma CONST e não com VAR. Foi automático e não sei o que fazer para continuar. Também nbão tem os scripts. Na verdade está como NPM.

[@carlosrodalvehonda]

Sensacional , aula super completa, showwwww

[@pedrolelis4828]

Fyi SHOW! Só faltou mostrar como ficou os dados lá no banco de dados!

[@luanmoraes2660]

Show de didática essa aula!

[@alessandrom.fonseca8156]

Top, parabéns. Aguardando pra aprender a fazer o login e validação dos emails.

[@gabrielgalvao6188]

Monstro demais

[@megamacexperience]

Muito bom, nunca tinha usado o firebase, é muito prático!

[@daniloarguelho]

verdade, principalmente na parte de autenticação

[@wevertonsantiago4305]

Excelente vídeo muito obrigado 😃👏

[@edsonlima8195]

Segui o procedimento para instalar o Firebase mas não está identificando o modulo e a configuração que aparece no firebase está diferente. Alguém poderi dizer se houve atualização?

[@willianvicentini1135]

Parabéns pela aula, TOP!

[@jaiross100]

Muito bom

[@cortesflash1206]

Muito bom cara, parabéns pelo conteúdo :)

[@ivandecleimendes]

ola boa tarde , estou usando o firestore e o admob , mas no reactnative eles tem a mesma dependencia que e o firebase mas o firebase para cada uma tem que ser uma versao diferente , sabe como eu consigo configurar ou usar dependencias diferentes? ou como eu descubro quando foi compativel a mesma versao?

[@diogohenrique2881]

Parabens pelo video!

[@Alan-fe8jn]

Uma dúvida irmão, eu tô criando um projeto para Android e iOS mas tô tendo dor de cabeça (literalmente) ao adicionar o app no firebase como android ou iOS, se eu o adicionasse como web ele ainda funcionaria corretamente em Android e iOS?

[@FehNeves01]

+1 Inscrito muito bom

[@imnotvirus]

opa, como faria para ativar a opçao de offline do real time database?

[@tharlesribeiropereira4940]

Se eu usar em celulares diferentes vão tá salvos em todos esse celulares?

[@amirim20]

So foi pena nao ter utilizado o realtime database

[@charlescardoso7563]

Fala amigo, muito massa, porém meu projeto eu uso typescript e não deu certo seguir por conta disso :(

[@GeekGirlJava]

qual a versão é a dependencia do firebase?

[@adailtongama6110]

expo install firebase@8.2.3

[@PARALELOBRAZ]

Link dos codigos caiu

[@gustavofeitosa2880]

Consegui fazer todo app, porém, um bug q percebi, é q se vc criar muitas tarefas, uma hora o botão do + vai começar a ficar em cima das tarefas. Alguém, por favor, poderia me dizer como resolver isso? Ficarei muito agradecido

[@thalitaantunes6429]

Opa, tem o projeto no git?

[@Matheus-fi7sj]

como resolver esse erro ? InternalError Metro has encountered an error: While trying to resolve module `firebase` from file `C:\Users\HM-Matheus\Desktop\MeusProjetos\Tasks\src\config\firebaseconfig.js`, the package `C:\Users\HM-Matheus\Desktop\MeusProjetos\Tasks ode_modules\firebase\package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`C:\Users\HM-Matheus\Desktop\MeusProjetos\Tasks ode_modules\firebase\index`. Indeed, none of these files exist: * C:\Users\HM-Matheus\Desktop\MeusProjetos\Tasks ode_modules\firebase\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json) * C:\Users\HM-Matheus\Desktop\MeusProjetos\Tasks ode_modules\firebase\index\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json): C:\Users\HM-Matheus\Desktop\MeusProjetos\Tasks ode_modules\metro\src ode-haste\DependencyGraph.js (436:17)

[@adailtongama6110]

Estou com o mesmo erro, se conseguir solução me avisa edit: acabei de descobrir o que era, a versão da dependência do firebase é atualizada na hora de fazer a instalação, aí o firestore não funciona. remove a dependência do firebase no package.json e depois instala essa: expo install firebase@8.2.3 funcionou aqui pra mim

[@thiagogomes4498]

Alguém poderia me informar se mesmo sem uma conexão irá funcionar? Como funciona o retorno dos dados caso o usuário abra o aplicativo sem ter internet?

[@megamacexperience]

deve salvar os dados localmente, aí quando tem o acesso salva no banco

[@kelvinpiantino473]

Aula interessante mas ja está desatualizada

[@daniellyaparecidamoreira4943]

Não consigo usar o use setTask, qual versão do node vc tá?

[@megamacexperience]

Acho que não tem a ver com o node, qual erro aparece pra vc?

[@hamzauguz5000]

adamsınnnnnnnnn

[@FabianoXVIII]

alguém me ajuda com o erro 500?

[@danielfilho1940]

Fala Fabiano, beleza? Cara, não sei se você ja resolveu seu problema, mas passei por algo similar recentemente e consegui resolver mudando a forma de importar o fire base: import firebase from 'firebase/compat/app'; import 'firebase/compat/firestore';

[@FabianoXVIII]

@@danielfilho1940 muito obrigado pela resposta irmão! vou tentar refazer o projeto.

[@garibas]

Nao consigo fazer a leitura. A consulta feita no firebase estah ok, retorna a quantidade de registros correta, soh nao escreve os campos. em apresenta esse warning : VirtualizedList: missing keys for items, make sure to specify a key or id property on each item or provide a custom keyExtractor. react-native-logs.fx.ts:22 alguem pra me dar uma luz?

[@felipemoreira4286]

Bom dia João, consegue publicar o projeto no github e nos enviar o link?

[@denysvictor8]

alguem mais ta passando por esse erro a seguir? ERROR TypeError: _firebaseconfig.default.collection is not a function. (In '_firebaseconfig.default.collection("Tasks")', '_firebaseconfig.default.collection' is undefined)

[@mmcrocci]

Olá. Favor uma ajudinha? Eu fiz o projeto da aula deste vídeo, mas recebi um erro. Alguém recebeu o mesmo erro que eu recebi? ERROR [2021-08-01T22:08:05.277Z] @firebase/firestore: Firestore (8.8.1): Could not reach Cloud Firestore backend. Backend didn't respond within 10 seconds. This typically indicates that your device does not have a healthy Internet connection at the moment. The client will operate in offline mode until it is able to successfully connect to the backend. Eu ajusteis as regras do Firebase para liberar o acesso, como é mostrado no vídeo. Minha internet está funcionando normalmente. Alguém sabe como resolver? Obrigado.

[@felipemoreira4286]

Olá Marcos, consegue publicar o projeto no github e nos enviar o link?

[@mmcrocci]

@@felipemoreira4286 Olá. Felipe. Procurei na internet uma solução e encontrei. Adicionando a linha com o "settings", conforme mostro abaixo, resolve o problema. O que eu não entendo, porque esta linha foi necessária, se no vídeo não foi colocada? Deixo também link do github do projeto que eu fiz. De qualquer forma, muito obrigado. // Initialize Firebase firebase.initializeApp(firebaseConfig); firebase.firestore().settings({ experimentalForceLongPolling: true }); // LINHA ADICIONADA const database = firebase.firestore(); github.com/marcoscrocci/taskfirebase

[@andersonribeiro1395]

​@@mmcrocci Aqui precisei adicionar tbm o merge: true. firebase.firestore().settings({ experimentalForceLongPolling: true, merge: true });