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

Поделиться
HTML-код
  • Опубликовано: 24 окт 2024

Комментарии • 101

  • @orodrigogo
    @orodrigogo  8 месяцев назад +7

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

  • @LeandroSilva-mw5yl
    @LeandroSilva-mw5yl 3 месяца назад +1

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

    • @orodrigogo
      @orodrigogo  3 месяца назад

      Que massa, muito obrigado pelo feedback.

  • @AndreGaxpar
    @AndreGaxpar 8 месяцев назад +7

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Muito obrigado meu amigo. 🤩

  • @weuller25
    @weuller25 4 месяца назад +1

    Sensacional, mais um projeto incrivel! Vlw Rodrigo.

  • @acheinashopee01
    @acheinashopee01 4 месяца назад

    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

  • @jorgehernandezch
    @jorgehernandezch 5 месяцев назад

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

    • @orodrigogo
      @orodrigogo  5 месяцев назад

      Que honra! Fico muitooo feliz 🤩

  • @FRANCISCOSANTOS-my9xw
    @FRANCISCOSANTOS-my9xw 6 месяцев назад

    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  6 месяцев назад

      Que honra! Fico muito feliz!!! 🤩

  • @betasetupper6103
    @betasetupper6103 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Fico feliz. Muitoooo obrigado 🤩

  • @markus_dev_cwb
    @markus_dev_cwb 8 месяцев назад +1

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад +1

      Fico muito feliz! Valeeeu 🤩

  • @beneditonamburete1218
    @beneditonamburete1218 8 месяцев назад +2

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Supeeer obrigado hehe 🤩

  • @larissamendes7802
    @larissamendes7802 4 месяца назад

    estou adorando o canal, conteudo muito bom!

    • @orodrigogo
      @orodrigogo  4 месяца назад

      Fico muito feliz! 🤩

  • @luisgabriel9683
    @luisgabriel9683 6 месяцев назад

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

    • @orodrigogo
      @orodrigogo  6 месяцев назад

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

  • @code-island
    @code-island 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Fico muito feliz. Valeeeeu 🤩

  • @andersonramos5740
    @andersonramos5740 8 месяцев назад

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

  • @sombrakey
    @sombrakey 8 месяцев назад

    Quase 3 horas, muito conteúdo.
    Obrigado!

    • @orodrigogo
      @orodrigogo  8 месяцев назад +1

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

  • @thiagosoares5052
    @thiagosoares5052 5 месяцев назад

    Gostande demais, aulas incriveis

    • @orodrigogo
      @orodrigogo  5 месяцев назад

      Fico muito feliz! 🤩

  • @wesleylima9316
    @wesleylima9316 8 месяцев назад +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  8 месяцев назад +2

      Fico muito feliz. Valeeu demais 🤩

  • @elvispalace
    @elvispalace 8 месяцев назад

    nn desiste desse canal nunca 🥺

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Obrigado pelo apoio amigo. Tamo junto 🤩

  • @ruimarcosjoao
    @ruimarcosjoao 8 месяцев назад

    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  8 месяцев назад

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

  • @alexandrepellegrino2699
    @alexandrepellegrino2699 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад +1

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

  • @alaelciolucas174
    @alaelciolucas174 8 месяцев назад

    Muito obrigado pelas seus vídeos cara!!!

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Valeu demais. Essas mensagem me animam muito 🚀

  • @AlefyPimentel
    @AlefyPimentel 8 месяцев назад

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

  • @douglasmaueski
    @douglasmaueski 7 месяцев назад +1

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

  • @obregon5780
    @obregon5780 7 месяцев назад

    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  7 месяцев назад +1

      Ótima sugestão! Muito obrigado 🤩

  • @misterjs023
    @misterjs023 7 месяцев назад

    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  7 месяцев назад +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. 🚀

  • @marcelonascimento3983
    @marcelonascimento3983 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Parabéns por chegar até o fim 🚀

  • @mariano_estevao
    @mariano_estevao 8 месяцев назад

    Rodrigo muito obrigado pelo o projeto

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Muito obrigado 🤩

  • @fheonix5
    @fheonix5 8 месяцев назад

    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  8 месяцев назад

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

  • @amesqFF
    @amesqFF 8 месяцев назад

    Faz ser tão simples. Obrigado :D

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Fico muito feliz. Muito obrigado pelo feedback 🤩

  • @naplesnola
    @naplesnola 8 месяцев назад

    Como sempre sensacional !

  • @douglassantiago2416
    @douglassantiago2416 8 месяцев назад

    Brabo demais Rodrigão !!!

  • @danielmurilovaz2551
    @danielmurilovaz2551 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Fico feliz demais 🤩

  • @hilbertcardoso
    @hilbertcardoso 8 месяцев назад

    Conteúdo fantástico!!!

  • @wallacesilva6087
    @wallacesilva6087 8 месяцев назад

    Muito bom 👨🏻‍💻🚀, muito massa!

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Valeeeu demais 🤩

  • @sevenplayer5211
    @sevenplayer5211 3 месяца назад

    Você é fod@ Rodrigo🫶🏼

  • @felipe.py3
    @felipe.py3 3 месяца назад

    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?

  • @gabrielramos2166
    @gabrielramos2166 8 месяцев назад

    Vallllleeeuuuuuuuu 😮 tinha pedido no vídeo passado o Pinterest

    • @orodrigogo
      @orodrigogo  8 месяцев назад +1

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

    • @gabrielramos2166
      @gabrielramos2166 8 месяцев назад

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

  • @olimpioadolfo7498
    @olimpioadolfo7498 8 месяцев назад

    Muito bom seu conteudo

    • @orodrigogo
      @orodrigogo  8 месяцев назад +1

      Fico muito feliz 😁

  • @pcaldi
    @pcaldi 8 месяцев назад

    Sensacional 👏🏻👏🏻

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Valeeeeu demais 🤩

  • @faran42
    @faran42 7 месяцев назад

    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  7 месяцев назад +1

      Boooa. Obrigado por compartilhar 👏🏼.

  • @romaosanches
    @romaosanches 7 месяцев назад

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

    • @orodrigogo
      @orodrigogo  7 месяцев назад

      Opa, excelente sugestão. Muito obrigado 🚀

  • @heitorfernandes5702
    @heitorfernandes5702 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад +1

      Excelente sugestão. Valeeu 🤩

  • @zezimsousa
    @zezimsousa 7 месяцев назад

    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  7 месяцев назад

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

  • @fheonix5
    @fheonix5 8 месяцев назад +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  8 месяцев назад

      Boa! Obrigado por compartilhar dia sugestão 💜

    • @ICarlosJuniorI
      @ICarlosJuniorI 7 месяцев назад +1

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

  • @marcelonascimento3983
    @marcelonascimento3983 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Imagina amigo, tá no caminho certo. 🚀

  • @marckclaro
    @marckclaro 8 месяцев назад

    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  8 месяцев назад

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

  • @Vinicius_Amaral
    @Vinicius_Amaral 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад

      Sim. Poderia também hehe 🚀

  • @wendelaraujo9895
    @wendelaraujo9895 8 месяцев назад

    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  8 месяцев назад

      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. 🤩

  • @GoMove-ik6vp
    @GoMove-ik6vp 8 месяцев назад

    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  8 месяцев назад

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

    • @GoMove-ik6vp
      @GoMove-ik6vp 8 месяцев назад

      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

  • @caiomoraes6350
    @caiomoraes6350 8 месяцев назад

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

    • @orodrigogo
      @orodrigogo  8 месяцев назад +1

      Boa sugestão 🤗

  • @valdeirchaves7600
    @valdeirchaves7600 7 месяцев назад

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

    • @orodrigogo
      @orodrigogo  7 месяцев назад +1

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