Recriei o dashboard do iFood com React (app fullstack)

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

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

  • @andredeoliveira8986
    @andredeoliveira8986 10 месяцев назад +14

    Faz mais vídeos sobre backend, as aulas do Diego são muito boas.

    • @dieegosf
      @dieegosf 10 месяцев назад +6

      Pode deixar!

  • @MateusBolito-p8y
    @MateusBolito-p8y 10 месяцев назад +28

    finalmente m projeto full stack ne rs, tem que continuar nessa pegada my friend, foi epoca so de front.. tmj

    • @markus_dev_cwb
      @markus_dev_cwb 10 месяцев назад

      Esse aqui é top!
      ruclips.net/video/nGoSP3MBV2E/видео.html

  • @luisfelipeg4377
    @luisfelipeg4377 10 месяцев назад +21

    diego faz video mostrando os programas que voce usa no seu mac no dia a dia , de produtividade , programacao , dados

  • @fernando_borg3s
    @fernando_borg3s 9 месяцев назад +1

    Muito irado esse conceito de state na url, curti demais!

  • @gabrielbugarelli
    @gabrielbugarelli 10 месяцев назад +1

    Show, tu é muito desenrolado.

  • @GabrielSantos-is7ye
    @GabrielSantos-is7ye 10 месяцев назад +1

    Caraca que massa, pior que não conhecia esse conceito, mas tinha pensando que seria uma boa forma de guardar certas informações, também não sabia se seria bom fazer... Mas acabei que fiz mesmo assim kkkk, mas agr sei que tem uma lib que cuida desse gerenciamento de http state, muito bom

  • @tech.emersonsantana
    @tech.emersonsantana 10 месяцев назад +1

    Fala @dieegosf, bem legal ver conceitos importantes sendo compartilhados. Só 2 pontos de atenção sobre os sort params.
    Quando se tem um volume de dados grande a ser enviado para o filtro, não é recomendado usar os sort params por alguns motivos, dentre eles, o limite que a URL tem em relação ao tamanho, imagine filtrar um volume de 30 mil pedidos passando esses dados na URL?
    O segundo está relacionado ao primeiro problemas, onde ao enviar um valor tão grande na URL, os sistemas de cloud, firewalls e demais sistemas de segurança encaram essa requisição como uma tentativa de invasão, isso realmente abre possibilidade de vulnerabilidades.
    Em resumo, são recursos sensacionais, gosto muito de usar, mas cabe as orientações das limitações destes recursos.
    Grande abraço

    • @omelkdesousa
      @omelkdesousa 10 месяцев назад +2

      Man, talvez você tenha se confundido, mas o que é passado no SearchParams são chaves e valores que serão usado para filtro em uma requisição à API, e não os dados vindos dela pela URL.

    • @tech.emersonsantana
      @tech.emersonsantana 10 месяцев назад +1

      Entendi sua colocação Melk, mas é sobre isso mesmo que falei, imagine a seguinte situação, um sistema onde os usuários são alocados em grupos dentro do próprio sistema.
      Os grupos também podem ser criados a medida da necessidade do adm do sistema, então você pode ter 500, 1000, 1500 grupos em 1 sistema e ter 50000 usuários divididos em 2000 grupos por exemplo.
      Digamos que você queira filtrar todos os usuários de 1600 desses 2000 grupos, então você passaria a chave groups na URL com os ids dos grupos separados por vírgula.
      Percebe que essa é uma situação mas que pode acontecer em diversos caso? Vale se atentar para não cair nessas armadilhas

  • @bpires4303
    @bpires4303 10 месяцев назад +2

    Da impressão que ele está conversando com um sênior

  • @Paul0-Cardos0777
    @Paul0-Cardos0777 Месяц назад

    Tooooooooop d❤

  • @alexandrefernandes6086
    @alexandrefernandes6086 10 месяцев назад +1

    man esse cara é realmente fora da caixa!!!

  • @rianlucas3359
    @rianlucas3359 10 месяцев назад

    Os charts também são do shadcn?

  • @lucasmatos8239
    @lucasmatos8239 9 месяцев назад

    Fala diegão, como você fez esse code no magic link? salvou no BD e depois remove quando o link é usado
    ?

  • @bbarreto18
    @bbarreto18 10 месяцев назад +1

    Diego, onde tu encontra essas tecnologias (ex: drizzle, orbstack), acompanhando alguem ou algum site?

    • @odeisouza
      @odeisouza 10 месяцев назад +1

      twitter

    • @dieegosf
      @dieegosf 10 месяцев назад +3

      Twitter como o amigo falou e recomendação.

  • @Caiomsilva
    @Caiomsilva 10 месяцев назад +1

    onde essas lives estão acontecendo?

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Twitch (usuário dieegosf)

  • @blanco8625
    @blanco8625 10 месяцев назад

    FODA!

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

    Boa tarde, onde encontro as aulas do back-end? As aulas do front estão no módulo React, mas do back-end não achei

  • @dedehlives
    @dedehlives 10 месяцев назад

    estão utilizando mt o shad?

  • @luan_adrien
    @luan_adrien 10 месяцев назад

    Diego, tenho um macbook m2 pro, e a resolução do mac é toda estranha, e o aspect ratio tbm (16x10 se n me engano). Como vc lida com a questao de gravação de video pro youtube? Grava a tela toda e da um crop? Ou manda 16x10 msm? Valeeeeuu

  • @_jpcass
    @_jpcass 10 месяцев назад

    Essas lives são de onde?

  • @carloshenriqueoliveira79
    @carloshenriqueoliveira79 9 месяцев назад

    deixa uma duvida aqui pra comunidade, ou pra vc senhor diego... esses dias me falaram que uma app full stack digamos que seria menos segura do que uma app separada digamos assim backend separado do front, e eu basicamente queria saber se isso é real ou se é balela se vocês sabe de sei lá como aumentar segurança para mitiga riscos e etc... então é isso abraço mano. e caaaaara ta mt foda esse canalzinho aqui rs

  • @vulks-br
    @vulks-br 10 месяцев назад

    Projeto foda Diego, pena que não tenho condições no momento de adquirir os cursos da Rocketseat.

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

    ainda existe esse projeto completo na plataforma?

  • @brunomenegidio5842
    @brunomenegidio5842 10 месяцев назад

    Onde essas lives estão acontecendo?

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Twitch (usuário dieegosf)

  • @MrFrpacheco
    @MrFrpacheco 10 месяцев назад +2

    em 0:26 voce fale que o frontend foi totalmente construido em ???? não dá pra entender o que é.
    Nem todo mundo é tão bom em ingles como você, por isto poderia colocar uma legenda sempre que falar nome de bibliotecas em inglês, por exemplo.

  • @isaquecosta90
    @isaquecosta90 10 месяцев назад +1

    O backend ta em qual curso?

    • @odeisouza
      @odeisouza 10 месяцев назад

      vai sair no de Node.JS, porém ainda não está no ar

    • @isaquecosta90
      @isaquecosta90 10 месяцев назад

      @@odeisouza opa, por isso q n tava encontrando

  • @batista7898
    @batista7898 10 месяцев назад

    Diego e aquele vídeo clássico de como iniciar com Node em 2024? Aproveitando, ainda vale a pena nesse ano?

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Boooa, vai rolar tanto pra Node quanto React! Vale sim :)

  • @bbarreto18
    @bbarreto18 10 месяцев назад

    quando voces vao colocar uuma assinatura vitalicia?

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      99% de chance de "nunca". Vitalício não existe juridicamente hahaha. Nosso conteúdo é atualizado semanalmente e, por isso, não fazemos vitalício, porque é muito conteúdo novo todos meses gerando sempre novas solicitações de suporte, acompanhamento dos alunos, etc...

    • @bbarreto18
      @bbarreto18 10 месяцев назад

      @@dieegosf valeu monstro

  • @alchemist6508
    @alchemist6508 10 месяцев назад

    Aonde que o Diego faz live?

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Twitch (usuário dieegosf)

  • @VitinXesq
    @VitinXesq 10 месяцев назад +1

    Que tipo de navegador é esse ai q ele usa?

    • @migueldoprado27
      @migueldoprado27 10 месяцев назад

      o nome é arc é para mac mas em breve vai chegar para windows

  • @gabrielribeiro4227
    @gabrielribeiro4227 10 месяцев назад

    Esse conteúdo faz parte do Ignite?

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Sim

  • @carlosricardoziegler2650
    @carlosricardoziegler2650 10 месяцев назад

    Alguma limitação usando Bun no lugar do Node ?

    • @carlosricardoziegler2650
      @carlosricardoziegler2650 10 месяцев назад

      Eu tô querendo implementar passkey para passwordless Codbado

    • @carlosricardoziegler2650
      @carlosricardoziegler2650 10 месяцев назад

      Qual o tema do seu Arc ?

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Na verdade não, como falei, praticamente tudo igual. Sobre o Arc, eu configurei o tema manualmente na seleção de cores, simplesmente escolhi a cor cinza escura.

    • @carlosricardoziegler2650
      @carlosricardoziegler2650 10 месяцев назад

      @@dieegosf já usou HonoJS ? Vi que tem um projeto usando elisya, hono segue a mesma linha mas também pode ser usado com NodeJs.

  • @ThaCoNzY
    @ThaCoNzY 10 месяцев назад

    Onde são as lives?
    Queria muito assistir mas não achei em nenhum lugar o link

    • @odeisouza
      @odeisouza 10 месяцев назад

      www.twitch.tv/dieegosf

    • @omelkdesousa
      @omelkdesousa 10 месяцев назад

      Estão rolando na Twitch. O Mayk também tem feito lá

  • @samuelrocha8775
    @samuelrocha8775 10 месяцев назад

    Alguém sabe qual lib de gráficos ele utilizou?

    • @dieegosf
      @dieegosf 10 месяцев назад +2

      Recharts

  • @MayconDouglas-ev8fn
    @MayconDouglas-ev8fn 10 месяцев назад

    qual e o browser que ele usa??

    • @micaelapinheiro7834
      @micaelapinheiro7834 10 месяцев назад

      arc browser, so tem para mac e ta em beta para win

  • @christianlopesdesouza6871
    @christianlopesdesouza6871 10 месяцев назад

    Alguem que faz parte consegue me explicar como é o conteúdo pago deles? Se é algo gravado, ou se é como se fosse uma comunidade paga ou é um projeto de tiro curto.. tenho muita vontade de colar nesses caras

    • @odeisouza
      @odeisouza 10 месяцев назад

      Existem várias formações:
      - Node.Js
      - React
      - Python
      - etc...
      Dentro de cada formação existem vários projetos e dentro desses projetos você encontra:
      - Aulas gravadas desenvolvendo um projeto acompanhando o instrutor
      - Questionário múltipla escolhas sobre o que você aprendeu no projeto
      - Desafio relacionado as coisas que você aprendeu, porém com um requisito a mais, fazendo com que você tenha que pesquisar um pouco
      Lembrando que: você pode sempre assinar, vê se curte, caso não (dentro de 30 dias se não me engano), reembolsar seu dinheiro.

    • @viniciusghizi834
      @viniciusghizi834 10 месяцев назад

      Eles tem materiais pagos, procura por ROCKETSEAT, as vezes tem imersões gratuitas muito boas, já fiz uma

  • @apenasumleitor
    @apenasumleitor 9 месяцев назад

    qual é esse navegador do diego man, alguém sabe ?

  • @matheus-felipe
    @matheus-felipe 10 месяцев назад

    Isso tá no ignite?

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Sim

    • @matheus-felipe
      @matheus-felipe 10 месяцев назад

      @@dieegosf valeu mano, acabei procurando e achei lá já tô chegando na metade kkkk

  • @inmigrausa
    @inmigrausa 10 месяцев назад

    Uma pergunta, se alguem pegar esse link ou se algum script no browser conseguir captar essa url com o token, teria acesso a conta do usuário?

  • @andersonpgs
    @andersonpgs 10 месяцев назад

    Como que eu nunca pensei nisso mermão

  • @vitormelo9625
    @vitormelo9625 10 месяцев назад

    Não achei o curso na plataforma :(

    • @dieegosf
      @dieegosf 10 месяцев назад +2

      Quarto módulo na formação de React

  • @leocarlos-dias
    @leocarlos-dias 10 месяцев назад +2

    Uau, primeiro comentário...

  • @davihassoncastro4421
    @davihassoncastro4421 10 месяцев назад +33

    Diego, quando for fazer algo voltado para o RUclips, evita os comentários em cima do conteúdo

    • @alangabriel1671
      @alangabriel1671 10 месяцев назад +3

      É que esse conteúdo não foi pro RUclips, isso é ele fazendo live na conta pessoal dele, aí aproveitaram para postar aqui

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Poxa... é que eu faço esses conteúdos ao-vivo e depois trago para o RUclips, mas vou ver se consigo mudar o CSS deles pra deixar um pouco menor.

  • @matheusgarcia8922
    @matheusgarcia8922 10 месяцев назад

    Qual o nome da lib dos gráficos?

  • @SohaaTitanio
    @SohaaTitanio 10 месяцев назад

    Esses comentários do lado direito atrapalharam um pouco a visualização da página

    • @dieegosf
      @dieegosf 10 месяцев назад +1

      Poxa... é que eu faço esses conteúdos ao-vivo e depois trago para o RUclips, mas vou ver se consigo mudar o CSS deles pra deixar um pouco menor.

    • @SohaaTitanio
      @SohaaTitanio 10 месяцев назад

      ​@@dieegosfpelo que percebi, quando você foi abrir o dashboard, ele ficou em janela e centralizado, talvez fosse o caso de puxar mais pra esquerda e diminuir um pouco o chat ou tentar deixar ele com opacidade e diminuir sua câmera, sei que você é lindão, mas esse não deve ser foco kkk. de qualquer forma está perdoado 😂

  • @othiagobruno
    @othiagobruno 10 месяцев назад

    Diego, tira esses comentários da tela, atrapalha muito

  • @bacongamerYT-i8z
    @bacongamerYT-i8z 10 месяцев назад +3

    APP full stack onde o back é Node kkkkkkk , mete um .Net. aí sim é moral

    • @rmauto6273
      @rmauto6273 10 месяцев назад

      Sou novo na área. Mas já ouço muito falarem mal de node pro back.. pq mano? Quero entender de fato.

    • @sollurgdt1599
      @sollurgdt1599 10 месяцев назад

      @@rmauto6273 Não tem nada de ruim, é só um bando de boçal que desmerece algo que não faz nem sentido, igual quando falam que HTML não é linguagem, pô por mais que seja fácil e simples ainda é uma linguagem, não liga, estuda node que é um bom caminho pro back

    • @HugoMesquitaO
      @HugoMesquitaO 10 месяцев назад

      DotNet seria fortíssimo

    • @samdev558
      @samdev558 10 месяцев назад +3

      @@rmauto6273 Porque os caras têm preconceito com JS para back, segundo eles, não é uma boa linguagem para isso, não é segura, não é performática e um monte de coisa que nem faz mais sentido, já que a linguagem vem evoluindo bastante nos últimos anos, principalmente com TS