Recriei o dashboard do iFood com React (app fullstack)

Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
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

Пікірлер: 92

  • @andredeoliveira8986
    @andredeoliveira89866 ай бұрын

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

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Pode deixar!

  • @user-dc5rl8re4q
    @user-dc5rl8re4q6 ай бұрын

    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

    6 ай бұрын

    Esse aqui é top! kzread.info/dash/bejne/oHujtbJsfaW8Yqg.html

  • @fernando_borg3s
    @fernando_borg3s5 ай бұрын

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

  • @GabrielSantos-is7ye
    @GabrielSantos-is7ye6 ай бұрын

    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

  • @gabrielbugarelli
    @gabrielbugarelli6 ай бұрын

    Show, tu é muito desenrolado.

  • @luisfelipeg4377
    @luisfelipeg43776 ай бұрын

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

  • @PedroHenriqueRodrigues-vr7jh

    @PedroHenriqueRodrigues-vr7jh

    6 ай бұрын

    Puts, seria bem legal mesmo

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Pode deixar

  • @blanco8625
    @blanco86256 ай бұрын

    FODA!

  • @bpires4303
    @bpires43036 ай бұрын

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

  • @vulks-br
    @vulks-br6 ай бұрын

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

  • @lucasmatos8239
    @lucasmatos82394 ай бұрын

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

  • @luan_adrien
    @luan_adrien6 ай бұрын

    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

  • @andrebarbosaone
    @andrebarbosaone6 ай бұрын

    estão utilizando mt o shad?

  • @carloshenriqueoliveira79
    @carloshenriqueoliveira794 ай бұрын

    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

  • @rianlucas3359
    @rianlucas33595 ай бұрын

    Os charts também são do shadcn?

  • @alexandrefernandes6086
    @alexandrefernandes60866 ай бұрын

    man esse cara é realmente fora da caixa!!!

  • @tech.emersonsantana
    @tech.emersonsantana6 ай бұрын

    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

  • @melkdesousa9302

    @melkdesousa9302

    6 ай бұрын

    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

    6 ай бұрын

    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

  • @apenasumleitor
    @apenasumleitor5 ай бұрын

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

  • @_jpcass
    @_jpcass6 ай бұрын

    Essas lives são de onde?

  • @inmigrausa
    @inmigrausa6 ай бұрын

    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
    @andersonpgs6 ай бұрын

    Como que eu nunca pensei nisso mermão

  • @bbarreto18
    @bbarreto186 ай бұрын

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

  • @odeisouza

    @odeisouza

    6 ай бұрын

    twitter

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Twitter como o amigo falou e recomendação.

  • @batista7898
    @batista78986 ай бұрын

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

  • @dieegosf

    @dieegosf

    6 ай бұрын

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

  • @ThaCoNzY
    @ThaCoNzY6 ай бұрын

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

  • @odeisouza

    @odeisouza

    6 ай бұрын

    www.twitch.tv/dieegosf

  • @melkdesousa9302

    @melkdesousa9302

    6 ай бұрын

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

  • @keventeles6075
    @keventeles60752 ай бұрын

    ainda existe esse projeto completo na plataforma?

  • @pedroo8124

    @pedroo8124

    Ай бұрын

    sim

  • @samuelrocha8775
    @samuelrocha87756 ай бұрын

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

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Recharts

  • @Caiomsilva
    @Caiomsilva6 ай бұрын

    onde essas lives estão acontecendo?

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Twitch (usuário dieegosf)

  • @christianlopesdesouza6871
    @christianlopesdesouza68716 ай бұрын

    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

    6 ай бұрын

    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

    6 ай бұрын

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

  • @VitinXesq
    @VitinXesq6 ай бұрын

    Que tipo de navegador é esse ai q ele usa?

  • @Sleidde

    @Sleidde

    6 ай бұрын

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

  • @bbarreto18
    @bbarreto186 ай бұрын

    quando voces vao colocar uuma assinatura vitalicia?

  • @dieegosf

    @dieegosf

    6 ай бұрын

    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

    6 ай бұрын

    @@dieegosf valeu monstro

  • @gabrielribeiro4227
    @gabrielribeiro42276 ай бұрын

    Esse conteúdo faz parte do Ignite?

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Sim

  • @carlosricardoziegler2650
    @carlosricardoziegler26506 ай бұрын

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

  • @carlosricardoziegler2650

    @carlosricardoziegler2650

    6 ай бұрын

    Eu tô querendo implementar passkey para passwordless Codbado

  • @carlosricardoziegler2650

    @carlosricardoziegler2650

    6 ай бұрын

    Qual o tema do seu Arc ?

  • @dieegosf

    @dieegosf

    6 ай бұрын

    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

    6 ай бұрын

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

  • @isaquecosta90
    @isaquecosta906 ай бұрын

    O backend ta em qual curso?

  • @odeisouza

    @odeisouza

    6 ай бұрын

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

  • @isaquecosta90

    @isaquecosta90

    6 ай бұрын

    @@odeisouza opa, por isso q n tava encontrando

  • @alchemist6508
    @alchemist65086 ай бұрын

    Aonde que o Diego faz live?

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Twitch (usuário dieegosf)

  • @MayconDouglas-ev8fn
    @MayconDouglas-ev8fn6 ай бұрын

    qual e o browser que ele usa??

  • @micaelapinheiro7834

    @micaelapinheiro7834

    5 ай бұрын

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

  • @vitormelo9625
    @vitormelo96256 ай бұрын

    Não achei o curso na plataforma :(

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Quarto módulo na formação de React

  • @matheus-felipe
    @matheus-felipe6 ай бұрын

    Isso tá no ignite?

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Sim

  • @matheus-felipe

    @matheus-felipe

    6 ай бұрын

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

  • @MrFrpacheco
    @MrFrpacheco6 ай бұрын

    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.

  • @evertoncha

    @evertoncha

    6 ай бұрын

    shadcn/ui

  • @matheusvieira2618

    @matheusvieira2618

    6 ай бұрын

    Creio que seja shadcn/ui

  • @davihassoncastro4421
    @davihassoncastro44216 ай бұрын

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

  • @alangabriel1671

    @alangabriel1671

    6 ай бұрын

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

  • @dieegosf

    @dieegosf

    6 ай бұрын

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

  • @leocarlos-dias
    @leocarlos-dias6 ай бұрын

    Uau, primeiro comentário...

  • @matheusgarcia8922
    @matheusgarcia89226 ай бұрын

    Qual o nome da lib dos gráficos?

  • @williamnascimento4128

    @williamnascimento4128

    6 ай бұрын

    Tambem quero saber

  • @diegobonagurio9885

    @diegobonagurio9885

    6 ай бұрын

    Se eu não me engano, chama recharts

  • @dieegosf

    @dieegosf

    6 ай бұрын

    @@diegobonagurio9885issso

  • @othiagobruno
    @othiagobruno6 ай бұрын

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

  • @SohaaTitanio
    @SohaaTitanio6 ай бұрын

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

  • @dieegosf

    @dieegosf

    6 ай бұрын

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

  • @SohaaTitanio

    @SohaaTitanio

    6 ай бұрын

    ​@@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 😂

  • @try_cat
    @try_cat6 ай бұрын

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

  • @rmauto6273

    @rmauto6273

    6 ай бұрын

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

  • @sollurgdt1599

    @sollurgdt1599

    6 ай бұрын

    @@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

    6 ай бұрын

    DotNet seria fortíssimo

  • @samdev558

    @samdev558

    6 ай бұрын

    @@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

  • @brunomenegidio5842
    @brunomenegidio58426 ай бұрын

    Onde essas lives estão acontecendo?

  • @dieegosf

    @dieegosf

    6 ай бұрын

    Twitch (usuário dieegosf)

Келесі