No video
File-system Routing no React Native (c/ EXPO ROUTER)
Рет қаралды 18,237
Жыл бұрынO Expo Router chegou para permitir a utilização do sistema de roteamento baseado nos arquivos, também conhecido como File System-based Routing. Essa abordagem facilita a implementação de rotas na aplicação permitindo que os arquivos sejam compreendidos automaticamente como rotas da aplicação.
Neste vídeo, vou te mostrar isso na prática testando o Expo Router.
Bora experimentar essa novidade?
-----
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
@dieegosf Жыл бұрын
Massa demais! Eu particularmente acho esse esquema de file-system routing muito produtivo, só tenho medo da customização no mobile pelo tanto de "formatos" de navegação que temos: abas, drawer, modal, etc... mas vamos ver como isso vai caminhar.
@rodrigorockeseat Жыл бұрын
Pois é. Estou ansioso para ver como o Expo Router vai caminhar. Alô Expo, estamos de olho. 👀 haha
@Renanrr87 Жыл бұрын
eu acho que o tradeoff de produtividade de nao fazer as rotas na mao, sempre no futuro te traz problema, seja um design ou po maluco querendo implementar animacao na troca de tela ou vc precisando criar permissao e tendo q fazer gambiarra com useEffect etc, a mente de um deisgn/PO são infinitas, por isso eu n curto essse esquema
@nandoomb Жыл бұрын
Venho do futuro pra avisar: Sucesso! 😂😂😂
@gabrielcruz5657 Жыл бұрын
Surreal... eu que sou entusiasta do NextJS, achei sensacional não só a ideia como também o vídeo. Massa demais!
@rodrigorockeseat Жыл бұрын
Massa demais. O desenvolvimento mobile cada vez mais próximo do desenvolvimento web. 🚀
@Lucassnts963 Жыл бұрын
Muito massa, a facilidade que isso tras é gigante, sempre achei muito dispendioso a configuração de rotas no react native, essa é sem dúvidas uma estratégia fenomenal. Além de aproximar ainda mais o reactnative ao desenvolvimento da web, facilitando assim ainda mais a utilização do reactnative por quem vem da web.
@marcelolupatini5553 Жыл бұрын
26:46 Curti demais esse tipo de vídeo atualizando mudanças grandes. É mais uma excelente forma de nós desenvolvedores ficarmos antenados nas principais novidades do ecossistema que decidimos trabalhar.
@willianleman7712 Жыл бұрын
Não vejo a hora de um dia o Rodrigo trazer aqui a seguinte notícia “expo go agora suporta rnfirebase”
@brunogarcia7388 Жыл бұрын
ja experimentou o supabase? funciona com expo go e é fácil de configurar
@kenjiutaka Жыл бұрын
@@brunogarcia7388 vc já usou o oauth do supabase no expo? só to conseguindo usar na web, mas no mobile n tá dando nem log de erro 😞
@brunogarcia7388 Жыл бұрын
@@kenjiutaka fala fellipe, vc instalou o polyfill?
@rodrigorockeseat Жыл бұрын
Logo logo eu volto aqui pra falar disso, hein! hahaha 😅
@kenjiutaka Жыл бұрын
@@brunogarcia7388 react-native-url-polyfill? sim, e importei na primeira linha do App.tsx, mas infelizmente n foi
@douglasilvax Жыл бұрын
Simplificou muito. Fera demais. Vlw Rodrigo !
@rodrigorockeseat Жыл бұрын
Valeu demais Douglas, tmj! 🚀
@saraivante Жыл бұрын
Caaara que loucura, imagina a facilidade e a produtividade que isso nao vai dar, atraindo mais pessoas pela facilidade de desenvolvimento, e conseguindo tambem acessar as funcionalidades nativas de cada SO, ta fantastico!
@vulquimar Жыл бұрын
Boa Rodrigo, obrigado por trazer essa novidade. Sobre a pergunta, creio que tudo é possível, quanto mais facilitar a vida do dev melhor será. Três coisas que todo dev procura é, agilidade, qualidade e segurança.
@rodrigorockeseat Жыл бұрын
Boa, total! Quanto mais simples, melhor pra nós. hehe 🚀
@alaelciolucas6838 Жыл бұрын
Olá, muito produtivo para criar navegação das páginas... Muito show vlw Rodrigo Gonçalves!!!!
@reacaosistemas5746 Жыл бұрын
Vejo no seu semblante a paixão por ensinar. Obrigado pelo conteúdo!
@maikfonseca8148 Жыл бұрын
Ficou muito bom. Gostei bastante do conteúdo 👏🏼👏🏼👏🏼👏🏼👏🏼
@rodrigorockeseat Жыл бұрын
Opa, que massa Maik. Fico muito feliz que curtiu! 🚀
@Os3t4God Жыл бұрын
Curti demais, espero que entre em produção logo. Estão cada vez mais facilitando nossa vida.
@saviodev777 Жыл бұрын
na versão atual do expo-router que instalei: "expo-router": "~0.0.35", em vez de (tab).js é _layout.js dentro da pasta (tab)
@Eliabecruzsilva19 Жыл бұрын
Ficou muito bom, essa nova versão do Expo Router :)
@WillianMattos Жыл бұрын
Cara, muito obrigado por esse vídeo!
@rcodev Жыл бұрын
Eitaaa, esse negócio é top viu !!!
@iurirodrigues9078 Жыл бұрын
Gostei dessa nova forma de routes no expo, chances e expectativas muito boa!!! Faz um vídeo falando só o eas do expo
@rodrigorockeseat Жыл бұрын
Boa Iuri, anotado aqui e com certeza volto aqui para falar sobre ele também. 🚀
@PedroHenrique-qk5iv Жыл бұрын
Meu amigo a facilidade que isso trás… Gostei muito, espero que tragam mais vídeos quando o expo routers lançarem uma versão definitiva
@smjrinfo195 Жыл бұрын
Nossa maravilhoso, irá ganhar muito na produtividade com isso. Muito Top
@diegosilvaviolao Жыл бұрын
This is the best free software Ive seen. Respect.
@liturgiadias Жыл бұрын
Cara simplesmente incrível o expo router
@ojefersonlucas Жыл бұрын
Caramba, estava pensando semana passada que isso uma hora aconteceria com o mobile lá na frente. Nem demorou muito 😅
@rodrigorockeseat Жыл бұрын
Eu também curti muitooo, hehe. 🚀
@saulobenjamin6939 Жыл бұрын
Curti demais, realmente muito mais simples do que o React Navigation ( para mim )
@roago Жыл бұрын
Ficou muito massa
@rodrigorockeseat Жыл бұрын
Que bom que curtiu! 🚀
@adelinopds Жыл бұрын
caraca que legal! utiliza a mesma logica do next.js
@rodrigorockeseat Жыл бұрын
Total! 🚀
@miqueiaskawa3364 Жыл бұрын
Cara agiliza muito o processo!
@gersonsilva4418 Жыл бұрын
Gostei, vou começar usar nos futuros app.
@marcelolupatini5553 Жыл бұрын
De fato o Expo Router é bem simples. Eu diria que ele é uma boa escolha quando queremos um app não tão elaborado, algo que não necessita de todo o design de ponta. Nessas horas ele implementa a navegação necessária poupando o tempo de configuração.
@cassiojosejesus Жыл бұрын
Caracoles, do caralllleooo
@Learning_front-end Жыл бұрын
Eu acho que não vai ocupar porque o react navigation já vem com algumas formas de navegação e design e o expo router vem mais puro, então vai depende de projeto para projeto
@rodrigorockeseat Жыл бұрын
Boa, muito bem colocado. O Navigation ainda ocupa um espaço bem sólido no React Native e o Expo Router vem ai. Vamos ver as cenas dos próximos capítulos. hehe 🚀
@natanfoleto8233 Жыл бұрын
Muito massa, ansioso pra soltarem a versão stable e começar usar nos meus apps kkkk
@schwartzman22 Жыл бұрын
Maravilhoso
@evertonsales443 Жыл бұрын
Caraca, se funcionar pra web também, vai aposentar o next :-)
@cjfranca2004 Жыл бұрын
jame enconcatei nos primeiros 10 minutos. Resolveu meu BO hahahahahahaha
@thallysfreitas8087 Жыл бұрын
Gente que sensacional!!!
@moacyrfoppa Жыл бұрын
the top, when I installed soft soft (restart didn't help). I have a creative softblaster z softcard. I'm assuming it has sotNice tutorialng to do
@douglasmaueski Жыл бұрын
👏🏽👏🏽👏🏽👏🏽
@airtongoncalves4038 Жыл бұрын
Cara que louco essa parada de [id] e de (tabs) ele já entender que vc quer criar menu...
@nardelli23 Жыл бұрын
Como sempre a Rocketseat, trazendo conteudo de ponta! Nesse modo de file-system routing expo, sera que é possivel usar em um arquivo ex: home.hook.ts (controller da home) para deixar a UI com zero logica, apenas desestruturando o que é preciso desse home.hook.ts onde eu quiser (ex: componentes filhos da home como app bar etc... ? Como é possivel hj no navigation? Se sim, melhor ainda, se não tenho minhas dúvidas sobre isso... Mas eu gostei bastante dessa nova abordagem, parece dar um pouco menos dor de cabeça. kkk
@saviodev777 Жыл бұрын
muito legal:) espero que vire padrão no react-native
@arozendojr 5 ай бұрын
Expo está sendo o angular do react
@evertonfernandes143 Жыл бұрын
a expo é sensacional
@canalbomon Жыл бұрын
Amém
@canalbomon Жыл бұрын
E sobre a pergunta inicial. Eles vão tentar com certeza substituir. Expo mira como uma solução padrão para RN, logo tem q fazer MT coisa
@claudiofernando4966 Жыл бұрын
Estou tentdo dificuldade , sempre que tento usar o useLink, parece que o erro de "undefined is not a function"
@brunocorreagaldino1848 Жыл бұрын
Tem algum video que fala os plugins que vc utiliza? procurei aqui não encontrei =´(
@betasetupper6103 Жыл бұрын
Eu ainda não entendo bem essa forma de navegação similar ao do NextJS. Acho que tenho que ir ver o NextJS antes.
@henrique-work Жыл бұрын
Muito show XD
@marcomiranda1037 Жыл бұрын
Muito massa 👏
@victorzerefos6557 Жыл бұрын
Olá pessoal! Uma coisa que venho perguntando em todos os tutorias sobre expo router e nunca consigo uma resposta. Vou perguntar aqui para ver se da certo: Eu vejo todo mundo passando somente um parametro utilizando o link, porem gostaria de saber se tem como passarmos todo o objeto assim como fazemos com react nativagtion? Caso sim poderia me ensinar?
@JeanBispo Жыл бұрын
Finalmente um sistema de rotas interessante, as alternativas apresentadas pelo react são decepcionantes.
@igorbrownramos1999 Жыл бұрын
Top!!!
@blackrock2222 Жыл бұрын
Opa tranquilo? Qual video no seu canal eu posso começar a ver para ter uma noção de react para desenvolvimento mobile igual esse vídeo?
@wfl-junior Жыл бұрын
Muito massa Rodrigão, sabe dizer se o expo-router usa o react navigation por baixo dos panos? Por causa da api das Tabs ser bem parecida xD
@victorzerefos6557 Жыл бұрын
Outro problema que tive foi tentar passar um imagem de URL via link para abri e simplesmente não rola. Utilizo o uri porém não abre e da erro. Sou eu ou o expo router ainda está muito limitado?
@fernandocidade2478 Жыл бұрын
esta muito melhor valeu mesmo.
@rodrigomartins9115 Жыл бұрын
Fiquei pensativo como vai funcionar a parte de animação entre as transições de tela
@brunogarcia7388 Жыл бұрын
Rodrigo, funciona no bare-workflow tbm?
@rodrigorockeseat Жыл бұрын
Também funciona amigo🚀
@pixelotetm Жыл бұрын
mas isso funciona com o bare react native ?
@CriarGames Жыл бұрын
D +... Será que dá pra implementar em um um app que já está com uma estrutura diferente ?
@Matheus_1582 Жыл бұрын
Oi, tem alguem ai o usa o QUASAR para criação de app
@mvgoliveira2 Жыл бұрын
Ainda nao da pra usar com Typescript?
@rodrigorockeseat Жыл бұрын
Da sim, ele suporta a extensão .tsx também no nome dos arquivos. 🚀
@robsonluiscichelero9000 Жыл бұрын
Pessoal qual a versão do linux que o Rodrigo utiliza ?
@rodrigomartins9115 Жыл бұрын
e em drawer como que fica?
@lorddrumond3937 Жыл бұрын
Tu é irmão do Leonardo Gonsalves? Vibra na mesma vibe que ele kkk
@kaiquenunes6046 Жыл бұрын
Fiquei curioso sobre como faria a tipagem do route
@brunogarcia7388 Жыл бұрын
pois é, na docs nao fala nada kk
@rodrigorockeseat Жыл бұрын
Ainda a doc não está 100%, mas acredito que em breve apareça por lá. 🚀
@podcaststv5091 Жыл бұрын
Nada supera o Flutter ( eu odiava o Flutter )
@cjfranca2004 Жыл бұрын
Quem esta usando em 2023? Aqui não carrega a pasta App. Desde quando tentei ontem deu erro.
@Gabriel-kl6bt Жыл бұрын
É... legal, sim. A navegação em abas certamente usou o React Navigation, mas a navegação Stack, não. Tanto que não houve nenhuma animação durante a transição de telas e ninguém vai aceitar isso. Compartilho da mesma opinião do Renan nos comentários abaixo, POs e designers não vão se contentar com tamanha simplicidade e vão querer no mínimo uma animação padrão que tem no React Navigation. E para implementar isso nesta nova estratégia?
@Baconbrix Жыл бұрын
You can implement stack animations out of the box. In fact, we're building the most complicated, shared element transition, specifically for use with this new routing system. As of now, there are no known technical limitations to using Expo Router.
@willianleman7712 Жыл бұрын
First
@AJonesB83 Жыл бұрын
Please change your title to Portuguese instead of having it in English for click bait.
@danielmartins5800 Жыл бұрын
30 minutos de video pra isso, deus me livre.
Sergio Outdoors
Рет қаралды 25 МЛН