EXPO ROUTER V2 (SDK49 news!)

Рет қаралды 19,524

11 ай бұрын

The new version of Expo SDK is now officially live!
Among the new features brought by SDK 49, we are particularly excited about the support for React Native 0.72.1 and Expo Router v2.
In today's video, we will explore this new version, both of the SDK and Expo, the way we like it: hands-on!
So, let's code?
Follow Rocketseat on social media:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

Пікірлер: 74

@renanlido_dev 11 ай бұрын

Essa versão do Expo é a maior prova de que nem tudo o que é bom precisa ser inventado. Os caras não reinventaram a roda, praticamente pegaram o que é bom do Next e implementaram. Simples e objetivo.

@LuizJrDeveloper 11 ай бұрын

Ficou TOP, mas podiam fazer um exemplo de autenticação com JWT

@wesleyrafaelp7865 9 ай бұрын

seria perfeito

@EduardoOliveira-jf1tk 9 ай бұрын

Que maravilha essa nova versão!! 😍 Parece que o pessoal do Expo chegou pro pessoal do Next.js e falou assim, "Bora codar junto?", e assim surgiu o file-based router no Expo, até rotas dinâmicas e o layout tem, tá demais! 💜🚀

@ElielP.M. 11 ай бұрын

Muito bom. Gostei demais dessa versão.

@marcusfreitas1677 11 ай бұрын

praticamente virou um NextJs pra mobile, curti demais!!!

@gustavoferreira5622 11 ай бұрын

Será que dá pra vê tutoriais em nextjs pra aprender expo kkkkkkkk não tem muito conteúdo de expo na internet.

@imf4ll 11 ай бұрын

@@gustavoferreira5622a documentação é muito boa, n faz muita falta o Gap de conteúdos técnicos, pesquisa nas docs tem até tutorial de como configurar, usar e até exemplo interativo

@guiaflutterflow 10 ай бұрын

Vdd kkkkkk

@caasieu 7 ай бұрын

@@gustavoferreira5622 melhor solução é ir na documentação msm ksk

@user-ws7vq6bz8s 11 ай бұрын

Muito bom, parabéns!

@viniciuskampgen 5 ай бұрын

Conteúdo ríquissimo! Mesmo as funcionalidades complexas voce consegue explicar de uma forma que fica fácil de entender e que agrega muito no conteúdo. Só uma pequena correção, no final quando você fala sobre a parte web, voce se refere a SEO falando CEO, que sao coisas diferentes, um são dados para sistemas de busca e o outro é um cargo na empresa heheh. O certo seria falar com a letra S no começo mesmo, tipo: "éssiou". Como eu disse, pequena correção, pelo contexto da para entender, enfim parabéns pela aula!

@jfbaro2 11 ай бұрын

Isso ajudaria para construir super apps que tenham vários “mini apps”, onde cada mini-app é construído, mantido e publicado por seus respectivos times? Parabéns pelo vídeo!

@marcosmoura2667 8 ай бұрын

Ta perfeito demais!!!

@alexassisrio 8 ай бұрын

Parabéns, conteúdo muito bom. Esses novos recursos parecem bruxaria!!!

@luisguilhermeselenko3579 11 ай бұрын

Ótimo conteúdo como sempre! Poderia fazer um vídeo sobre a combinação de estilos de navegação né? Como é comum o uso de tab navigator com drawer navigator, seria ótimo um vídeo rápido mesmo mostrando a integração dos dois.

10 ай бұрын

Ver se isso que procura kzbin.info/www/bejne/nXmch6mna7yVpKM&ab_channel=Rocketseat

@ruijose4803 11 ай бұрын

Para quem trabalha com NextJS nota que o next router(bem que já mudou o nome) há muita semelhança com o expo route

@brenolins5378 11 ай бұрын

avaaaaa, não diga sherlock

@otaviolima7549 8 ай бұрын

Bem mais clean e ágil. Gostei!

@fheonix5 11 ай бұрын

vei, o cara é brabo, eu tava querendo mesmo saber como usar esse expo router, como passar prop, como rotea e talz pra comparar com o navigation

@oliveirafocs 11 ай бұрын

Muito bom.

@douglasmaueski 11 ай бұрын

👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽

@mikeiasgt8590 11 ай бұрын

que conteudo top parabens, existe outras formas de navegação no expo, sem ser a tabs?

@Oculterous 11 ай бұрын

Toda a verção o react native muda o roteamento, isso já faz 5 anos, será que chega num consenso? quase impossível manter ele atualizado

@Last669 11 ай бұрын

Estou tentando acessar o discover do site da rocketseat e não tô conseguindo, meu gmail e senha estão corretos, estou na metade do avançado em CSS e do nada não estou conseguindo acessar a plataforma, alguma explicação para isso ? Ou só vão ignorar o suporte aos alunos como sempre fazem ?

@ronalddurand2680 11 ай бұрын

fico top .....

@adrianorocha-dev 11 ай бұрын

Acho que typedRoutes deve querer dizer algo como "rotas tipadas" ao invés de "rotas digitadas".

@DiogoMoreira0610 11 ай бұрын

show de bola.... uma dúvida é possível estilizar melhor essa tabbar? deixar tipo aquelas que o flutter possui? com um botão centralizado e "encaixado" na tab e com animações?

@tiagoc9754 11 ай бұрын

Algumas dúvidas: Como faria se a aba profile só fosse exibida para usuários logados? Como faria pra definir se exibe tela de login ou home? Como configurar 404 e não autorizado? Como fica rotas tipo "modal"? Tem como passar mais de 1 parâmetro pelo nome? Tipo [id][userId].tsx Como fica deep linking? Como fica utilização de contexts e providers? Provavelmente deve ter resposta pra quase tudo na documentação, mas pode ser interessante um video explicando isso

@jonatassilva2186 10 ай бұрын

Estou com a mesma dúvida

@BlainyArck 9 ай бұрын

Conseguiu achar alguma coisa relacionada?

@hebreus6904 11 ай бұрын

Essa nova versão pra Expo Mobile ficou muito top, praticamente next JS kjkkkj

@MrAvelino2010 10 ай бұрын

Parabéns 👏. Você pode fazer uma série de arquitetura limpa em projetos React Native, cobrir padrões como design atômico e como aplicá-los em projetos React Native. Estou pensando em criar um aplicativo para autenticação. Quero usar serviços de terceiros, como firebase auth ou clerk, e talvez depois mudar para outro provedor, com boas práticas para evitar a realização com um provedor específico, siga o padrão de estratégia ou outro para um caso específico Crie também do zero ou use um de seus projetos existentes para converter em PWA usando expo.

@souzaneto25 9 ай бұрын

Muito bom, mas poderia fazer um exemplo de autententicação já com a organização das pastas e rotas, e abordar melhor as stacks, tabs e drawers.

@felipebarcelospro 11 ай бұрын

Next Expo JS kkk Isso lembra muito o NextJS

@bytereport 11 ай бұрын

Muito top, mas me bateu uma duvida, como ficaria as rotas privadas ?

@mateusalveszaki 6 ай бұрын

Acredito q da pra fazer que nem hoje no next, criar um componente com o useEffect que retorna sempre pro login caso não esteja logado, dai englobar ele no _layout principal

@jrmartinss 11 ай бұрын

Por caso essa nova versão tá rodando o Next.js? Igualzinho a estrutura do Next

@thallysfreitas8087 11 ай бұрын

Mais um excelente vídeo! Parabéns. Tenho somente uma dúvida, quando preciso envolver a aplicação toda num contexto tipo "NativeBaseProvider", onde coloco esse componente já que não tenho um arquivo "app.tsx" como principal?

@henriquealves8156 9 ай бұрын

Boa pergunta. Estou aqui me perguntando onde vou importa o fonts da aplicaçao

@NSjoao3 9 ай бұрын

Traga um vídeo fazendo o fluxo de auth com esse novo modelo!!!

@JohnEsrom 5 ай бұрын

Eu ainda não entendo se o mais recomendado é utilizar o expo ou utilizar o cli do react native mesmo

@GabrielMarques-xl4uz 11 ай бұрын

bom

@DiegoPipocado 11 ай бұрын

Primeiroooooooooooo, muito bom

11 ай бұрын

Salvee

@jonatassilva2186 10 ай бұрын

Como eu faço pra definir qual rota vem primeiro? por exemplo: quero que minha página de login venha por primeiro na aplicação

@marcosatsantana 11 ай бұрын

vai rolar conteúdo no ignite ?

@cyraxtradebr Ай бұрын

Ola outra coisa e como faço por exemplo ao clicar no botao configurações e ir para uma tela q nao tenha no bottom. como é feito?

@esbnet 8 ай бұрын

Rodrigo, o React Hook Form não funciona no Expo 49?

@user-ws7vq6bz8s 9 ай бұрын

Como envolver a aplicação com meus contextos? Por exemplo um

@TutoMaster Ай бұрын

e oque vocês tão achando? será que vale a pena migrar do react navigation?

@brenolins9908 11 ай бұрын

Vcs poderiam fazer um vídeo atualizado do OAuth logando com Google com Expo React Native 🥺🥺?? O expo atualizou tbm e algumas coisas mudaram

@pedrol6193 11 ай бұрын

Será q é melhor q o React Navigation?

@Fabio.dev.12 8 ай бұрын

E como eu adicionaria uma tela de login como tela inicial da aplicação??

@rodrigos2305 11 ай бұрын

só faltou o server components 😭

@wesleyrafaelp7865 9 ай бұрын

alguem sb se estão usando isso em produção??

@mdj13105 11 ай бұрын

Eu acho que o expo-router ainda não está pronto para ser usado em produção. A ideia é boa mas deixa muito a desejar.

@153vinnicius 11 ай бұрын

Minhas rotas ficaram tipadas com o caminho absoluto do sistema, tipo "D:/......" alguem sabe como resolver?

@Vinicius_Amaral 11 ай бұрын

O Expo Router não funciona com Bare Worflow???

@DevDoido 11 ай бұрын

Nao

@reacaosistemas5746 11 ай бұрын

Top!!! Gostaria de ver como proteger as rotas. Implementei conforme a documentação mas ela entra e sai. fica um delay. Por ex: Fiz login e redirecionou pra home porém se abrir o app novamente ele entra na login e direciona pra home aparecendo por alguns segundos a tela de login.

@viniciusgondim6295 11 ай бұрын

você deve estar renderizando antes de ter o usuário

@reacaosistemas5746 11 ай бұрын

@@viniciusgondim6295 na doc oficial ele tem um useEffect que escuta a alteração do router e do user, no meu caso eu fiz uma validação antes de disparar pra ter certeza de que tenho o user mas o comportamento persiste.

@batcompila 11 ай бұрын

@@reacaosistemas5746 aqui eu fiz o seguinte.. por padrao ele entra na home .. e direciona pra login caso nao seja usuario autenticado e fiz ele esperar a verificação de autenticação antes de exibir o conteudo da view da home.. por enquanto ta de boa.. estou vendo uma maneira melhor de lidar com isso

@_ianfelix 11 ай бұрын

você pode exibir a splashScreen até você obter a resposta se o usuário está logado ou não, daí nunca vai aparecer a tela de login caso ele esteja loga, apena a splashScreen