Recriei a interface do Pinterest com Animação usando React Native, Expo Router, Moti e Reanimated

Поділитися
Вставка
  • Опубліковано 1 лют 2025

КОМЕНТАРІ • 102

  • @orodrigogo
    @orodrigogo  11 місяців тому +8

    Código do projeto: github.com/orodrigogo/pinterest-ui

  • @AndreGaxpar
    @AndreGaxpar 11 місяців тому +7

    Cara você é muito bom nisso, teu canal merecia muito mais reconhecimento

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Muito obrigado meu amigo. 🤩

  • @ericantonio6065
    @ericantonio6065 2 місяці тому

    Muito obrigado pelo conteúdo! Simples e fácil de seguir, deu para aprender muito. Porém, acredito que terei que ver mais uma vez, só para garantir que toda a lógica sobre animações fique bem gravada na memória. Do outro lado do continente, #Moçambique🇲🇿.

  • @LeandroSilva-mw5yl
    @LeandroSilva-mw5yl 6 місяців тому +1

    excelente conteúdo para mim as recriacoes de apps são as que mais gosto de ver

    • @orodrigogo
      @orodrigogo  6 місяців тому

      Que massa, muito obrigado pelo feedback.

  • @acheinashopee01
    @acheinashopee01 7 місяців тому

    Cara, estou iniciando agora no mundo da programação mobile, vindo de um frontender web, posso dizer que suas aulas são incriveis, não sei como vc só tem 7k de inscritos, seu conteúdos é simplesmente o melhor que eu achei sobre o assunto, direto ao ponto. Meus parabens, continue trazendo conteúdos desse tipo pra nós

  • @weuller25
    @weuller25 7 місяців тому +1

    Sensacional, mais um projeto incrivel! Vlw Rodrigo.

  • @FRANCISCOSANTOS-my9xw
    @FRANCISCOSANTOS-my9xw 9 місяців тому

    Não sou desenvolvedor mobile, mas toda vez que vejo teus vídeos da uma vontade enorme de aprender a fazer app mobile. Muito bom mesmo o conteúdo.

    • @orodrigogo
      @orodrigogo  9 місяців тому

      Que honra! Fico muito feliz!!! 🤩

  • @markus_dev_cwb
    @markus_dev_cwb 11 місяців тому +1

    Fantástico!
    Não vejo a hora de desenvolver esse projeto, você faz a diferença na comunidade. Tmj.

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Fico muito feliz! Valeeeu 🤩

  • @beneditonamburete1218
    @beneditonamburete1218 11 місяців тому +2

    Se quer vi o vídeo, e já dei LIKE. Boa MESTRE

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Supeeer obrigado hehe 🤩

  • @wesleylima9316
    @wesleylima9316 11 місяців тому +2

    Esses vídeos do Rodrigo ensinam coisas que não tem na maioria dos cursos de React Native que vemos por aí.

    • @orodrigogo
      @orodrigogo  11 місяців тому +2

      Fico muito feliz. Valeeu demais 🤩

  • @jorgehernandezch
    @jorgehernandezch 9 місяців тому

    É incrível como em duas horas aprendemos muito com Rodrigo...top demais...

    • @orodrigogo
      @orodrigogo  9 місяців тому

      Que honra! Fico muitooo feliz 🤩

  • @ruimarcosjoao
    @ruimarcosjoao 11 місяців тому

    Eu estava precupado, como é que um cara fera que lança video toda semana, e essa semana não mandou? afinal o cara é brabo de mais que mandou uma littleboy de conteúdo em nagazaki do meu coração!!
    Muitos parabéns, super aula, tens muito o meu respeito, tens me ajudado a crescer nesse mundo mobile com react Native!!

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Que honra. Fico muito feliz! Obrigado pelo apoio ❤️

  • @luisgabriel9683
    @luisgabriel9683 9 місяців тому

    Estou aprendendo React Native e estou impressionado com os videos aqui, já me inscrevi e ativei o sininho!

    • @orodrigogo
      @orodrigogo  9 місяців тому

      Que incrível. Fico muito feliz e bem vindo! 🤗

  • @larissamendes7802
    @larissamendes7802 8 місяців тому

    estou adorando o canal, conteudo muito bom!

    • @orodrigogo
      @orodrigogo  8 місяців тому

      Fico muito feliz! 🤩

  • @andersonramos5740
    @andersonramos5740 11 місяців тому

    Saiu um vídeo do Rodrigão, já sei que vem coisa boa. Professor top demais! Obrigado mestre

  • @kah_xamankulo
    @kah_xamankulo 11 місяців тому

    Super aula!!
    Matéria entra suavemente no cérebro.

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Fico feliz. Muitoooo obrigado 🤩

  • @code-island
    @code-island 11 місяців тому

    Conteúdo top demais, sempre acompanhando, abraços

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Fico muito feliz. Valeeeeu 🤩

  • @alexandrepellegrino2699
    @alexandrepellegrino2699 11 місяців тому

    sensacional como sempre mestre!, tem q ter uma do spotify

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Opa, fico feliz. Muito obrigado pela sugestão 🤩

  • @elvispalace
    @elvispalace 11 місяців тому

    nn desiste desse canal nunca 🥺

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Obrigado pelo apoio amigo. Tamo junto 🤩

  • @misterjs023
    @misterjs023 11 місяців тому

    Cara, sem palavras!...simplesmente sensacional, gostei de aprender sobre o aspectRatio, a estratégia de animação na splashscreen foi da hora, sem falar do bottomSheet integrado com o menu
    🤩 e o masonry layout...valeu big teacher🤝💜...gostaria de uma aula sobre typescript, principalmente sobre as tipagens e etc, talvez focando no RN mesmo, é que eu uso mais JS e tenho meio que um receio de partir pro typescript devido as tipagens e tal😅, mas eu pretendo chegar num level em que consiga brincar com o typescript assim como você 😂, e um conteúdo focado no Expo Router também seria legal e de grande ajuda

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Fico feliz meu amigo, gratidão! 🤩 Ótimas sugestões, anotadas aqui. E sobre o Typescript no início rola um sentimento de “mais trabalhoso”, mas somos compensados no futuro conforme o projeto vai crescendo. As tipagens ajudam muito, hehe. Vou trazer mais conteúdo sobre no futuro. 🚀

  • @sombrakey
    @sombrakey 11 місяців тому

    Quase 3 horas, muito conteúdo.
    Obrigado!

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Fico feliz. É intenso, mas vale muito a pena 🤩

  • @obregon5780
    @obregon5780 11 місяців тому

    Parabens mais uma vez, ótimo conteudo. quem sabe em algum momento recriar a interface do ifood que tem alguns componentes bem interessantes de aprender e suas interações! 👏🏽👏🏽👏🏽🤜🏽

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Ótima sugestão! Muito obrigado 🤩

  • @AlefyPimentel
    @AlefyPimentel 11 місяців тому

    Muito top, já vou aplicar esse menu ai em um projeto pessoal.

  • @thiagosoares5052
    @thiagosoares5052 8 місяців тому

    Gostande demais, aulas incriveis

    • @orodrigogo
      @orodrigogo  8 місяців тому

      Fico muito feliz! 🤩

  • @marcelonascimento3983
    @marcelonascimento3983 11 місяців тому

    Fiquei até o final e ufa, eu sou iniciante mesmo😅😅

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Parabéns por chegar até o fim 🚀

  • @naplesnola
    @naplesnola 11 місяців тому

    Como sempre sensacional !

  • @douglassantiago2416
    @douglassantiago2416 11 місяців тому

    Brabo demais Rodrigão !!!

  • @alaelciolucas174
    @alaelciolucas174 11 місяців тому

    Muito obrigado pelas seus vídeos cara!!!

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Valeu demais. Essas mensagem me animam muito 🚀

  • @fheonix5
    @fheonix5 11 місяців тому

    terminei a aula agora, e esse index.tsx do TAbs é uma loucura, muita coisa avançada ai, e esse runOnJs que que isso, o enterind do animated.View vei, e a logica pra rodar 2 colunas tenho que depois so assistir sem coda pra entender tudo melhor de novo. muito bom melhor serie é essas

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Fico muito feliz. E que venham mais então, hehe 🤩

  • @danielmurilovaz2551
    @danielmurilovaz2551 11 місяців тому

    Pô esses vídeos estão top de mais!

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Fico feliz demais 🤩

  • @hilbertcardoso
    @hilbertcardoso 11 місяців тому

    Conteúdo fantástico!!!

  • @felipe.py3
    @felipe.py3 6 місяців тому

    Conteúdo de qualidade. Muito Obrigado por compartilhar seu conhecimento aqui.
    Utilizei esse modelo de tabs para o app que estou desenvolvendo para estudo com as tabs "Pessoas", "+" e "Carros", mas estou tendo um problema. Utilizei o botão de "+", exatamente dessa forma, e quando o menu abre tem um pressable que, utilizando o router.push() ou router.navigate(), acessa a rota "pessoas/cadastro" para a pagina de Cadastro de Pessoas,. Dentro de "Pessoas" o layout é do tipo stack.
    Consigo acessar a rota normalmente, mas a partir desse momento eu não consigo mais acessar a página "Pessoas", pois quando clico na tab correspondente só carrega a página de Cadastro de Pessoas.
    Acredito que seja algo com a pilha, pois acessei diretamente o Cadastro de Pessoas antes de Acessar Pessoas. Como eu poderia corrigir isso, para quando eu acessar a página de cadastro de pessoas via menu + eu consiga acessar também a página Pessoas ao clicar na tab correspondente?

  • @mariano_estevao
    @mariano_estevao 11 місяців тому

    Rodrigo muito obrigado pelo o projeto

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Muito obrigado 🤩

  • @douglasmaueski
    @douglasmaueski 11 місяців тому +1

    Show parabéns Rodrigo.
    Cria um app do zero , tipo e ecommerce, cadastro de produtos , descrição, valores e opções para pagamento.

  • @wallacesilva6087
    @wallacesilva6087 11 місяців тому

    Muito bom 👨🏻‍💻🚀, muito massa!

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Valeeeu demais 🤩

  • @amesqFF
    @amesqFF 11 місяців тому

    Faz ser tão simples. Obrigado :D

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Fico muito feliz. Muito obrigado pelo feedback 🤩

  • @pcaldi
    @pcaldi 11 місяців тому

    Sensacional 👏🏻👏🏻

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Valeeeeu demais 🤩

  • @olimpioadolfo7498
    @olimpioadolfo7498 11 місяців тому

    Muito bom seu conteudo

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Fico muito feliz 😁

  • @gabrielramos2166
    @gabrielramos2166 11 місяців тому

    Vallllleeeuuuuuuuu 😮 tinha pedido no vídeo passado o Pinterest

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Foi mesmo, hehe. Inclusive, obrigado pela sugestão. hehe

    • @gabrielramos2166
      @gabrielramos2166 11 місяців тому

      @@orodrigogo eu que agradeço pelo conteúdo de qualidade

  • @fheonix5
    @fheonix5 11 місяців тому +1

    Rodrigo, ali na hora de colocar o selected para o avatar na tabBar poderia usar o focused que vem por padrão para desconstruir das props? achei melhor do que usar o ternario da cor

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Boa! Obrigado por compartilhar dia sugestão 💜

    • @ICarlosJuniorI
      @ICarlosJuniorI 10 місяців тому +1

      Boa dica, não tava conseguindo fazer a borda funcionar com tailwind mas com o focused deu certo.

  • @sevenplayer5211
    @sevenplayer5211 7 місяців тому

    Você é fod@ Rodrigo🫶🏼

  • @zezimsousa
    @zezimsousa 11 місяців тому

    Fala Rodrigão excelente vídeo ajudou muito, Rodrigo será que vc não consegue fazer um vídeo construindo uma aplicação de edição de fotos , já dei uma boas pesquisada não achai nada relacionado a manipulação de imagem nesta proporção com react nato e

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Obrigado pelo feedback amigo. Em próximos vídeos posso tentar trazer 🚀

  • @marckclaro
    @marckclaro 11 місяців тому

    Eu não consegui fazer a parte da seleção do avatar usando tailwindcss, dava sempre erro (não erro de código) e não selecionava. Daí fiz assim: const styles = {image:{...}, selected:{...}} sem inportar o stylesheet. O estilo esta no arquivo index do avatar.

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Fico feliz que conseguiu ai. Mas, chegou aparecer algum erro especifico?

  • @heitorfernandes5702
    @heitorfernandes5702 11 місяців тому

    Muito maneiro Rodrigo!!! mostra como fazer um app com dois idiomas? 🇧🇷 🇺🇸

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Excelente sugestão. Valeeu 🤩

  • @Vinicius_Amaral
    @Vinicius_Amaral 11 місяців тому

    No navegador Tabs, pra colocar a borda na foto do perfil poderia ter utilizado o isFocused, era só desestruturar, não?

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Sim. Poderia também hehe 🚀

  • @romaosanches
    @romaosanches 11 місяців тому

    Rodrigão, faz um video de Autenticação agora com o Expo Router.

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Opa, excelente sugestão. Muito obrigado 🚀

  • @GoMove-ik6vp
    @GoMove-ik6vp 11 місяців тому

    Olá, estou tendo dificuldades para fazer um app gerenciado pela expo que possa conectar bluetooth, você pode ajudar? ou fazer um vídeo?

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Opa, boa sugestão. Posso trazer em outro vídeo 🚀

    • @GoMove-ik6vp
      @GoMove-ik6vp 11 місяців тому

      Consegui, mas ainda há uma deficiência da expo para bluetooth. Aguardo seu vídeo, certo que trará uma solução até melhor que a que eu consegui hehe@@orodrigogo

  • @faran42
    @faran42 10 місяців тому

    Vídeo excelente, muito obrigado por compartilhar.
    Galera, se algum de vocês se depararem com o erros:
    Metro Server response: 404
    ou
    unable to resolve module ./node_modules/expo-router/entry
    no meu caso, só resolveu quando desinstalei o Watchman (talvez atualizar ele resolvesse, mas, estava sem paciência).
    Detalhe, estou em ambiente Windows (é o que tem pra hoje xD).

    • @orodrigogo
      @orodrigogo  10 місяців тому +1

      Boooa. Obrigado por compartilhar 👏🏼.

  • @wendelaraujo9895
    @wendelaraujo9895 11 місяців тому

    Rodrigo, estou criando uma aplicação e sou iniciante no React Native. Resolvi criar meu próprio menu tabs personalizado pois não sabia usar esse Tabs e Tabs.screen. O menu funciona bem com a navegação entre as rotas através do componente Link do expo-router. Gostaria de saber se é uma boa ou eu deveria usar o Tabs do expo-router mesmo?

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Com essa estratégia você consegue total flexibilidade para implementar o visual e a lógica de navegação. Quando a gente usa a estrutura do Tabs a gente consegue reaproveitar todas as propriedades de navegação (rota selecionada, histórico de navegação, etc). Então, vai muita da sua escolha mesmo. Eu sempre prefiro usar a própria estrutura do Tabs, Stack ou Drawer para reaproveitar as propriedades mesmo. 🤩

  • @marcelonascimento3983
    @marcelonascimento3983 11 місяців тому

    Que vídeo top!!!! Agora vi que não sei nada😅

    • @orodrigogo
      @orodrigogo  11 місяців тому

      Imagina amigo, tá no caminho certo. 🚀

  • @caiomoraes6350
    @caiomoraes6350 11 місяців тому

    Recria algum app de chat usando firebase pra autenticação

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Boa sugestão 🤗

  • @valdeirchaves7600
    @valdeirchaves7600 11 місяців тому

    Ótimo conteúdo, porém alguns pontos não são muito interessantes para quem utiliza o React Native CLI

    • @orodrigogo
      @orodrigogo  11 місяців тому +1

      Opa, obrigado pelo feedback. Gostaria de compartilhar com a gente? Bom que podemos trazer em novos vídeos no futuro. valeeeu