Bibliotecas nativas no Expo com Expo Dev Client

No video

Bibliotecas nativas no Expo com Expo Dev Client

Рет қаралды 14,201

Жыл бұрын

Já precisou utilizar bibliotecas nativas no desenvolvimento de uma aplicação?
Em projetos Manager Workflow, ficávamos limitados a usar as API’s nativas que o Expo dava suporte. No fluxo Bare Workflow é possível tocar em código nativo, tanto no Android quanto no iOS, e incluir novas bibliotecas além daquelas disponíveis na documentação do Expo.
Mas, dependendo da biblioteca, como o React Native Firebase nativo, provavelmente você terá que abandonar o Expo Go e rodar sua aplicação direto no próprio dispositivo.
O Expo Dev Client é como um Expo Go que vem apenas com seu código e bibliotecas nativas atuais. Isso significa que se você precisar de outra biblioteca nativa, só precisa recriar o aplicativo com esse novo pacote. É como se você estivesse criando uma versão customizada do Expo Go com essa biblioteca nativa que a sua aplicação precisa. Ou seja, você pode incluir qualquer biblioteca nativa que desejar e utilizar um fluxo muito parecido que o Expo Go.
Então, vem comigo nesse vídeo que eu vou te mostrar tudo isso na prática.
Vem aí a terceira edição do DoWhile 2022: inscreva-se gratuitamente
rseat.in/dowhi...
---
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com...
Cadastre-se na nossa plataforma: app.rocketseat...
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial

Пікірлер: 70

@developerjs-jr8237 Жыл бұрын

Esse Rodrigo veio pra somar d+, o cara sempre trazendo conteúdo com muito conhecimento e informações e muitas novidades, uma didática muito boa, parabéns!

@ramone09 5 ай бұрын

Show demais. Tive que fazer uns comandos diferente pois uso a build no dispositivo físico mas ficou top. Lembrando que tem que instalar o RN Firebase antes de dar o prebuild senão vai dar erro dizendo que o firebase não foi iniciado com firebase.app(). Ou se deu o prebuild antes, precisa dar novamente pra incluir os detalhes automaticamente na pasta android qdo ela for criada pelo prebuild.

@douglasmaueski Жыл бұрын

Show deus vídeos, sempre atualizados com os novos recursos. Muito bom.

@rafaelag9036 Жыл бұрын

Rodrigão mandando maravilhosamente bem como sempre... Parabéns pelo conteúdo!

@abelandre930 Жыл бұрын

Cara, que massa. Acabei de testar com um projeto já criado que usa o Relm e rolou perfeito. Vlw, Rodrigão. Show!!

@angelilton Жыл бұрын

Cara me fala ia como é o seu fluxo de dados com o realm. Seria offline first?

@abelandre930 Жыл бұрын

@@angelilton Isso, offline

@pedrorocha9385 Жыл бұрын

Boa Rodrigo! top de mais o conteúdo. Obs: Se rodar: "npx-create-expo --template" aparece a lista dos tipos de projeto, managed workflow e bare workflow.

@PabloDoebber Жыл бұрын

Muito obrigado por essa aula!

@lucasltv Жыл бұрын

Obrigado pelo vídeo! Muito esclarecedor!

@GeeksVTW Жыл бұрын

Consigo usar o dispositivo físico com o Expo Go usando o Expo Dev Client? Queria ver as alterações em tempo real ao invés de ficar gerando apk ou ficar refem do emulador. No npx expo start era só ler o QR code e ele pegava as alterações em tempo real, não consegui fazer o mesmo com dev client 😢

@marcelogomes6922 Жыл бұрын

Maravilha, obrigado por compartilhar.

@paulohenriquedacostabarros8987 Жыл бұрын

Parabéns pelo conteúdo! Fiquei com uma dúvida. Vc não precisou instalar o expo-dev-client?

@viniciuspetrachin8008 3 ай бұрын

kkk q gastura o "manager" com a palavra "managed". Ótimo conteúdo!

@netasilva_ Жыл бұрын

Rodrigo amo seus conteúdos, além de ser um ótimo professor no ignite. Gostaria de um vídeo sobre o eas update que seria a utilização do conceito do OTA no expo.

@GuilhermeSilva-mc7nm Жыл бұрын

Você é o melhor!!!

@diogom Жыл бұрын

Muito bom o conteúdo, estava precisando me atualizar um pouco sobre o Expo, eu tenho dois apps com Bare Workflow, porém com essa possibilidade estou pensando em voltar para o Managed Workflow, o EAS está incrivelmente fácil de usar.

@murilogarcia6281 Жыл бұрын

Quando eu executo o comando EXPO PREBUILD não cria a pasta do IOS somente a pasta do ANDROID, o que posso estar fazendo de errado, sendo que foi feito igual no video.

@rafaelmedeiros1830 10 ай бұрын

acho que seja pq vc não está em um mac

@lima7484 18 күн бұрын

Só a pasta do iOS se vc estiver no MAC

@canalbomon Жыл бұрын

Para quem só puder usar device externo, o processo é o mesmo, npx expo run:android. Que ele vai da proxima vez compilar menos coisas que já ter os fast refresh. Só finquei confuso da utilidade do --dev-client no estart, já que o expo go não vai ter as libs adicionais. O npx expo start fiquei sem usar no teste fiz. O processo com celular físico ficou igual o react native kkk mas ainda tem as vantagens.

@canalbomon Жыл бұрын

agr entendi o start

@viniciusc.oliveira5142 Жыл бұрын

Funcionou no dispositivo físico???

@viniciusc.oliveira5142 Жыл бұрын

Pq estava precisando de Libs externas e tive q acabar criando uma API. Funcionou no celular normal então???

@canalbomon Жыл бұрын

@@viniciusc.oliveira5142 sim. O emulador é como um físico pelo cabo. Igual A experiência é a mesma.

@viniciusc.oliveira5142 Жыл бұрын

@@canalbomon pelo cabo n conheço... só uso expo go

@flammajl Жыл бұрын

Na doc pede para instalar o expo-dev-client mas não vi a instalação ( não sei se pulei ), nos projetos novos já vem instalado por padrão ?

@paulohenriquedacostabarros8987 Жыл бұрын

Tbm fiquei com essa dúvida

@gabrielricco3995 Жыл бұрын

Cadê o video de fazer o ranking do bolão do nlw?

@imdevbutok Жыл бұрын

Top de mais mano. Trás um vídeo como usar Firebase com React Query

@brunno_gonzalez_dev Жыл бұрын

Braboooooo d+++ 🔥

@nunorochayt 6 ай бұрын

Sid O Brabo!

@ocharlespereira Жыл бұрын

Sensacional Rodrigão. Top demais!!! Uma pergunta... conseguimos fazer isso para mais SDKs?

@wellington5102 Жыл бұрын

Esse vídeo veio em boa hora, achei pouco conteúdo sobre

@rodrigorockeseat Жыл бұрын

Que massa. 🚀

@junioedson12 Жыл бұрын

Conteúdo top demais Rodrigo, mas tenho uma dúvida: Se eu já iniciar meu projeto com bare workflow eu consigo utilizar esse recurso de plugins para gerar as configurações nativas com o expo prebuild? Tudo oq vc mostrou no vídeo funcionaria também se tivesse iniciado o projeto com bare workflow? Grande abraço

@arozendojr Жыл бұрын

Dúvida, quais as formas de layout do react-native, flex , quais mais ?

@FilipeMoraes87 Жыл бұрын

Excelente didática, parabéns! FIquei com um dúvida, com o Expo Dev Client, vale a pena ainda utilizar o bare workflow? Com o Expo Dev Client passamos a ter o melhor dos 2 mundos (managed e bare workflow)?

@diogom Жыл бұрын

É uma dúvida que tenho também, ainda mais com o build na nuvem com EAS, estou fazendo esse estudo.

@rcodev Жыл бұрын

eu só não entendo, pq quando gero o apk e instalo no telefone. o app não funciona a conexão com o firebase, isso eu usando o EXPO, quando eu usava o React native em si, tudo funcionava perfeitamente.

@Maxnovais777 Жыл бұрын

Quando gera um apk lá no Expo EAS Voc não consegue gerar codigo versão 2 e outros códigos de versão na compilação, fica gerando o código 1 e ai na Playstore não aceita versão código um dar erro

@GeorgeHFonseca Жыл бұрын

Excelente conteúdo! Dá pra acessar login social e Firestore por esse fluxo normalmente?

@brunogarcia7388 Жыл бұрын

Rodrigo, faz uma crud com o supabase, ele funciona a mesma pegada do firebase e com bem menos configurações, talvez seja bem interessante...

@LuckDorgado Жыл бұрын

Rodrigo... É possivel mudar o projeto do manager work flow para bare workflow durante o desenvolvimento?

@fheonix5 11 ай бұрын

Gente me ajuda , ele so me trouxe a pasta Android porque será?

@guigabelline Жыл бұрын

Poderia fazer um exemplo usando React Native com a cloud functions do firebase. :)

@samirdilly4048 Жыл бұрын

Estou precisando de ajuda, quando dou o expo prebuild --clean n aparece a pasta do iOS so do android, ja fiz a parte do react native firebase que fala que eh para iOS mas n deu certo alguem pode me ajudar ?

@pedropontes Жыл бұрын

Se for possível, gostaria q falasse sobre tema escuro na splashcreen

@carlaferrarez7266 7 ай бұрын

boa tarde! pode me explicar porque não aparece a pasta do ios, sendo que fiz passo a passo e não foi, só aparece a pasta do Android,

@marcusml9263 7 ай бұрын

se vc tá no windows só vai aparecer a pasta android msm, o cara do vídeo tá num mac aí aparece os dois

@user-ue7ez2of2z Жыл бұрын

Boa Rodrigo, Aula monstra, Porem encontrei um problema, segui todos os passos, porem quando rodo o "expo prebuild --clean" cria apenas a pasta Android, e quando eu tento compilar no emulador com "npx expo run:android" me retorna este erro: C:\Users\Wellington\Downloads\Projetos\Sgran-App>npx expo run:android › Building app... Configuration on demand is an incubating feature. FAILURE: Build failed with an exception. * What went wrong: Could not open settings generic class cache for settings file 'C:\Users\Wellington\Downloads\Projetos\Sgran-App\android\settings.gradle' (C:\Users\Wellington\.gradle\caches\7.5.1\scripts\40d8uoncj7fm6lhi4x47xyi2a). > BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 64 * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at help.gradle.org BUILD FAILED in 1s Error: C:\Users\Wellington\Downloads\Projetos\Sgran-App\android\gradlew.bat exited with non-zero code: 1

@user-ue7ez2of2z Жыл бұрын

antes deste aparecia um erro que pedia para indicar a pasta JAVA_HOME, Após fazer isso eu começou a dar este outro erro

@samirdilly4048 Жыл бұрын

tbm estou com esse erro, nao aparece a pasta iOS, vc conseguiu resolver ?

@brennooliveira5052 4 ай бұрын

Porque typescript meu Deus, o negocio foi para ser usado em JavaScript, pq usar uma linguagem de tipagem statica??

@gabrieldutra8155 Жыл бұрын

Opa! TOP demais! Só queria saber se daria pra fazer isso com o Celular ao invés do emulador...

@GeorgeHFonseca Жыл бұрын

Só instalar o Expo Go no celular e ler o QR Code por ele 😉

@gabrieldutra8155 Жыл бұрын

@@GeorgeHFonseca interessante, pq criar um preview app sem usar o USB kk

@marcosfinal Жыл бұрын

Tentei de mil formas rodar a aplicação d helpdesk acho que era isso que tava errado deu problema de SDK desatualizado depois deu problema dos react desatualizado depois não achava no firebase to na luta agora para fazer a mesma aplicação só que com dev client e tailwind

@marcoo-hg8he Жыл бұрын

falto a o sdk

@alamo_DevFlow Жыл бұрын

Eu comecei a usar o expo dev client a 4 meses atrás por causa da lib q eu tinha que usar a react-native-document-picker. e uxcam, ai desde então eu sempre uso ele e o expo go junto. na epoca tive que aprender a usar na sofrencia com a documentação. se esse video tivesse la na epoca, teria me salvado um dia de desenvolvimento kkkkkk

@MsLFilipe Жыл бұрын

quando tento compilar eu recebo o erro: ../node_modules/expo-modules-autolinking/scripts/android/autolinking_implementation.gradle' line: 272

@PabloDoebber Жыл бұрын

Olha eu não sei se isso vai resolver, mas tenta instalar o expo-dev-client e depois cria a build novamente...

@klyngervasconcelos6477 Жыл бұрын

mano, tem como tu me passar teu contato , sou iniciante de react native e to querendo algumas dicas pra seguir na profissão

@ramonoliveira_dev Жыл бұрын

Show essa AULA! 👏🏽👏🏽Mas uma dúvida! Usar o Bare Workflow, após o expo pre-build, vai mudar algo na forma que já venho desenvolvendo meu projeto? Queria usar apenas o WatermelonDB, mas fico com receio de migrar e não saber lidar com possíveis problemas que apareçam.

@criaspace Жыл бұрын

após gerar as pastas nativas ele vai buildar dessas pastas. Eu quando quero voltar como antes sem as pastas nativas só deleto as pastas e depois npm install, nunca tive nenhum problema com isso

@ramonoliveira_dev Жыл бұрын

@@criaspace aaah, entendi. Nem sabia que dava pra voltar. Vlw.