Rocketseat
Rocketseat
  • 975
  • 35 190 638
Prisma: Configuração de Seed na Prática
Neste vídeo, Diego explora a configuração de um seed em um projeto Node, facilitando o desenvolvimento da API. Ele também aborda a importância de configurar relacionamentos no Prisma, destacando a utilização de cascading para manter a consistência dos dados. Aprenda a criar registros pré-populados, lidar com deleções em relacionamentos e otimizar o desempenho do banco de dados enquanto assiste a essa aula prática e informativa! 🚀
00:00 🌱 Seed no projeto Node
Entendendo o conceito de seed em um projeto,
Criar um arquivo de seed com registros pré-populados no banco de dados para facilitar o desenvolvimento da API,
Uso do Prisma para realizar operações no banco de dados.
03:00 💽 Configurando relacionamentos no Prisma
Importância de configurar relacionamentos no Prisma para manter a integridade dos dados,
Explanação sobre o uso de cascading no Prisma para lidar com ações de deletar registros relacionados,
Considerações sobre as opções de cascade e desempenho no banco de dados.
-----
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.gg/rocketseat
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat
Переглядів: 818

Відео

React básico: o useEffect p/ chamada de API
Переглядів 7 тис.День тому
Aprenda de forma clara e prática como dominar o gerenciamento de estados e chamadas de API no React. Explore as melhores práticas para utilizar o hook useEffect e garantir alta performance em suas aplicações. Este vídeo abrange desde a explicação da diferença entre estados e variáveis tradicionais até a integração de chamadas de API de forma eficiente, proporcionando um conhecimento essencial p...
Como conquistar vagas internacionais (segredos p/ ser dev na gringa)
Переглядів 1,5 тис.День тому
Descubra os segredos e estratégias fundamentais para conquistar vagas de trabalho em empresas internacionais. Vamos conhecer a jornada do Vitor Alencar, que participa desse vídeo compartilhando as experiências e obstáculos enfrentados na busca por oportunidades globais. Aprenda como realizar um mapeamento mental eficaz para identificar qualificações necessárias, lidar com feedbacks negativos, p...
Carreira internacional para devs (dicas, realidade e perspectivas)
Переглядів 2,6 тис.День тому
Neste vídeo, são abordados os desafios e impactos de trabalhar no exterior, trazendo insights sobre a transição internacional, carreira remota e valorização de experiências além do salário. A discussão envolve a importância da qualidade de vida, segurança e adaptação ao ambiente de trabalho global. A jornada profissional além das fronteiras é explorada, oferecendo reflexões sobre os benefícios,...
Explorando useState no React (conceito e importância)
Переглядів 7 тис.День тому
Neste vídeo, você irá explorar o conceito fundamental de estados no React, um dos pilares essenciais para o desenvolvimento de aplicações dinâmicas e interativas. Aprenderá como os estados no React funcionam, sendo variáveis observadas que, ao serem modificadas, desencadeiam a renderização dos componentes. Além disso, será guiado na manipulação eficiente dos estados utilizando a função `useStat...
Estilização e Reutilização de Componentes Personalizados no React
Переглядів 9 тис.День тому
Estilização e Reutilização de Componentes Personalizados no React
Como usar FakerJS para otimizar seu projeto web (dados fictícios?)
Переглядів 9 тис.14 днів тому
Como usar FakerJS para otimizar seu projeto web (dados fictícios?)
JSR: a chave para integração perfeita com TypeScript
Переглядів 9 тис.14 днів тому
JSR: a chave para integração perfeita com TypeScript
Criando validações com Zod em uma requisição HTTP
Переглядів 8 тис.21 день тому
Criando validações com Zod em uma requisição HTTP
Simplificando o conceito de componentes e propriedades no React
Переглядів 11 тис.21 день тому
Simplificando o conceito de componentes e propriedades no React
Conceitos de API, métodos HTTP e rotas no Node.js com Fastify
Переглядів 9 тис.21 день тому
Conceitos de API, métodos HTTP e rotas no Node.js com Fastify
Criando a primeira tabela com Prisma
Переглядів 11 тис.21 день тому
Criando a primeira tabela com Prisma
Formulários no React 19 com Server Actions (com validação)
Переглядів 13 тис.21 день тому
Formulários no React 19 com Server Actions (com validação)
Remix NÃO terá novas versões! Novo rumo do framework p/ React
Переглядів 8 тис.28 днів тому
Remix NÃO terá novas versões! Novo rumo do framework p/ React
Testando a nova função do React 19 (chega de useEffect)!
Переглядів 16 тис.28 днів тому
Testando a nova função do React 19 (chega de useEffect)!
FINALMENTE arrumaram o Fetch (Next.js 15 RC)
Переглядів 14 тис.28 днів тому
FINALMENTE arrumaram o Fetch (Next.js 15 RC)
React 19 RC é 10x mais simples pra iniciantes! (server actions, refs, use, etc)
Переглядів 26 тис.Місяць тому
React 19 RC é 10x mais simples pra iniciantes! (server actions, refs, use, etc)
A combinação que todo dev back-end precisa saber (Postgres + Docker)
Переглядів 32 тис.Місяць тому
A combinação que todo dev back-end precisa saber (Postgres Docker)
Seu primeiro servidor no Fastify com Node.js
Переглядів 12 тис.Місяць тому
Seu primeiro servidor no Fastify com Node.js
Configurando Node.js v20 com TypeScript
Переглядів 15 тис.Місяць тому
Configurando Node.js v20 com TypeScript
TailwindCSS 4.0 ficou 10x mais rápido (e mais nativo!)
Переглядів 25 тис.Місяць тому
TailwindCSS 4.0 ficou 10x mais rápido (e mais nativo!)
Melhor estratégia de IDs para seu próximo app (UUID ou autoincrement?)
Переглядів 28 тис.Місяць тому
Melhor estratégia de IDs para seu próximo app (UUID ou autoincrement?)
App open-source para documentar APIs (funciona mesmo!)
Переглядів 23 тис.Місяць тому
App open-source para documentar APIs (funciona mesmo!)
SaaS multi-tenant com permissões por cargos (RBAC)
Переглядів 15 тис.Місяць тому
SaaS multi-tenant com permissões por cargos (RBAC)
Criar aplicações SERVERLESS ficou ainda mais fácil (SST ion)
Переглядів 16 тис.2 місяці тому
Criar aplicações SERVERLESS ficou ainda mais fácil (SST ion)
Cloudflare está dominando as clouds! (5 novas features)
Переглядів 23 тис.2 місяці тому
Cloudflare está dominando as clouds! (5 novas features)
NLW Unite | Abertura oficial | Online e gratuito
Переглядів 13 тис.2 місяці тому
NLW Unite | Abertura oficial | Online e gratuito
Estratégias de autenticação entre front-end e back-end com JWT (cookies storage)
Переглядів 35 тис.3 місяці тому
Estratégias de autenticação entre front-end e back-end com JWT (cookies storage)
SaaS Single-tenant vs Multi-tenant (devo criar um banco por empresa!)
Переглядів 18 тис.3 місяці тому
SaaS Single-tenant vs Multi-tenant (devo criar um banco por empresa!)
O código do meu novo app SaaS multi-tenant com Next.js
Переглядів 25 тис.3 місяці тому
O código do meu novo app SaaS multi-tenant com Next.js

КОМЕНТАРІ

  • @isaqueback5063
    @isaqueback5063 22 години тому

    q tema e esse?

  • @AlanSilvaX
    @AlanSilvaX 22 години тому

    eu trocaria o fastify pelo express

  • @gabrielbianchi2246
    @gabrielbianchi2246 23 години тому

    Diego, eu não acho que o useTransition deva ser usado para situações além de controle de prioridade de atualização de state. O useTransition foi feito para isso, não para controlar um loading state…

  • @publicons
    @publicons 23 години тому

    meu nobre boa tarde! estou começando agora nesse mundo... vim do clipper kkk já tentei vários tutorias semelhantes. Se pressiona F5 perde tudo e precisa logar novamente. Se a gente usa o localStorage, qq um pode criar uma variável... como q a gente protege o acesso ao servidor toda vez q a pessoa tentar acessar qq endpoint, mesmo se ele (usuário mau intencionado) tiver burlado o localStorage?

  • @MarlonEnglemam
    @MarlonEnglemam День тому

    Eu não sabia desse ComponentProps, quando eu fazia componentes assim eu dava extends usando o HTMLElementProps e passava pra dentro dessa tipagem a interface do componente html nativo. Tem alguma diferença? Pois do jeito que eu faço sempre funcionou muito bem

  • @victorhenrich8635
    @victorhenrich8635 День тому

    Meu Deus kkkkkkkkkkkkkk nunca soube disso, vai ajudar muitoooo

  • @pechenyebeats
    @pechenyebeats День тому

    expo expo expo expo

  • @joezersmaniotto3103
    @joezersmaniotto3103 День тому

    Muito bom! Uma duvida no minuto 1:55 quando cria tipagem da função onSearchInputChanged, ao passar o mouse sobre o onChange é informada a tipagem do onChange ChangeEventHandler<HTMLInputElement>, se usasse esta tipagem na função onSearchInputChanged em vez de ChangeEvent<HTMLInputElement> qual seria o problema ?

  • @DanielAzevedo2k12
    @DanielAzevedo2k12 День тому

    Folllse... Esse inglês certinho dele me irrita

  • @cesarsantos7657
    @cesarsantos7657 День тому

    Diego você poderia fazer um vídeo sobre Redux, mudou muito pelo visto, ou se não é mais utilizado também ok, sugestão só rsrs vlw

  • @Tomita84
    @Tomita84 День тому

    Muito legal ... Concordo com o @ScoupYY ... Seria legal mostrar como faz para integrar a API + Swagger num projeto React ...

  • @gabriellhenrique666
    @gabriellhenrique666 День тому

    Mas pelo que entendi, ele está buscando da API, logo, ele só consegue saber se o produto alterar se tiver isso na api

  • @julioloureiro9986
    @julioloureiro9986 День тому

    parabéns pelo conteúdo, aprendi em uma hora o que estou tentando aprender em dois meses

  • @PRAlves
    @PRAlves День тому

    vídeo top, não conhecia o tailwind. Pode continuar essa interface? obrigado

  • @devsherlock
    @devsherlock День тому

    quando chega GO ????

  • @anaeljonas
    @anaeljonas День тому

    Meu prefeito

  • @MarlonEnglemam
    @MarlonEnglemam 2 дні тому

    Mas fazer chamadas API dentro do useEffect não tava “proibido”?

  • @rfullstack
    @rfullstack 2 дні тому

    F para eu com meus Guid em multitenant com uma base pra 100 cliente no momento =D

  • @ScoupYY
    @ScoupYY 2 дні тому

    Traz o tutorial dessa integração do fastify com o swagger e o zod

  • @TutoMaster
    @TutoMaster 2 дні тому

    Eu prefiro usar no client side com as verificações em tempo real

  • @Gabriel-zm6tq
    @Gabriel-zm6tq 2 дні тому

    A grande maioria dos sites hoje contem js client side. Qual seria o sentido de um usuario desabilitar essa opção no navegador? Se for esse o principal motivo de migrar para server side, na minha opinião nao faz sentido

  • @augustogabriel35
    @augustogabriel35 2 дні тому

    RDS

  • @luizguilhermepelegrini8297
    @luizguilhermepelegrini8297 2 дні тому

    Acho que a @rocketseat teria que redefinir oq seria avançado na trilha de React. É muito básico, superficial sei lá

    • @dieegosf
      @dieegosf 2 дні тому

      Hahaha, já alterei o título, saiu por engano

  • @matheusf6540
    @matheusf6540 2 дні тому

    Como vou desabilitar os botões, inputs com isloading?

  • @othonfelipe6851
    @othonfelipe6851 2 дні тому

    Saudações, Diegão! Antes de mais, gostaria de agradecer por todas as respostas do vídeo. Mas, em específico, eu não conhecia o React Query. Ele resolveria, por exemplo, no seguinte cenário: Um setor que recebe os atendimentos em forma de lista, de um outro setor. Sempre quando o setor que envia mais um atendimento, sem que haja necessidade de atualizar a página, o setor que está observando a lista passa a ter esta lista atualizada. Deu para entender? Ficarei muito grato se puder me responder. Um abraço!

  • @ustav_o
    @ustav_o 2 дні тому

    isso não é avançado

    • @Alef-All
      @Alef-All 2 дні тому

      Também achei básico

    • @MarceloSousa
      @MarceloSousa 2 дні тому

      😂

    • @matheusbrauna102
      @matheusbrauna102 2 дні тому

      é o básico do React kkk

    • @gabrel44
      @gabrel44 2 дні тому

      kkkkkk

    • @dieegosf
      @dieegosf 2 дні тому

      Já alterei o título, acho que o estagiário usou o GPT, só pode 🤣. Valeu por avisar!

  • @italosousa2017
    @italosousa2017 2 дні тому

    E assim quem ganha mesmo é a Vercel. Não sei pq tanta agonia pra mandar o React para server side.

    • @MordyDeep
      @MordyDeep День тому

      sobe na sua propria vps e pronto uai kk n tem relação nenhuma com a vercel

  • @pauloricardomaltaleal3558
    @pauloricardomaltaleal3558 2 дні тому

    avancado? KKKKKKK

    • @gustavobonfim7521
      @gustavobonfim7521 2 дні тому

      É o mesmo caso da trilha avançada da NLW que ensinam estados e conceitos básicos do React toda vez

    • @rogerbarreto2281
      @rogerbarreto2281 2 дні тому

      Meteram um "de forma brilhante" ainda

    • @dieegosf
      @dieegosf 2 дні тому

      Já alterei o título, acho que o estagiário usou o GPT, só pode 🤣. Valeu por avisar!

  • @teliiz
    @teliiz 2 дні тому

    Duvido tu dizer como vc centraliza as janelas usando atalho

  • @brandonnunes6322
    @brandonnunes6322 2 дні тому

    Acho massa ter essa funcionalidade agora, porém não acho válido para aplicações em que o formulário precisa de uma validação em tempo real antes de enviar ao servidor, maioria das aplicações que construo usa dessas validações e interações que usam javascript no client, pra uma aplicação interna ou formulários bem simplistas pode ser que seja uma escolha essa abordagem já usada pelo PHP e demais linguagens/frameworks web que constroem aplicativos MVC

    • @viniciusgondim6295
      @viniciusgondim6295 2 дні тому

      mas continua tendo validações

    • @brandonnunes6322
      @brandonnunes6322 2 дні тому

      @@viniciusgondim6295 só depois que envia ao backend, pense na experiência do usuário com feedbacks mais rápidos e identificação de possíveis erros e problemas antes mesmo de tentar gravar algum dado

    • @viniciusgondim6295
      @viniciusgondim6295 2 дні тому

      @@brandonnunes6322 Dá uma pesquisada, tem como sim.

    • @thenub8532
      @thenub8532 2 дні тому

      ​@@brandonnunes6322tem como você validar no frontend tbm, basicamente você cria o form como cliente side, e passa a função da actions por props para dentro do form.

    • @LucasCarvalhoCavalheri
      @LucasCarvalhoCavalheri 2 дні тому

      A validação em tempo real ainda continua. É só usar react-hook-form.

  • @ericelias5394
    @ericelias5394 2 дні тому

    Onde vê a aula completa

    • @dieegosf
      @dieegosf 2 дні тому

      Isso foi parte de um NLW. Teremos um novo NLW em alguns dias, só dar uma olhada no nosso site.

  •  2 дні тому

    Você é muito bom. E tem uma didática excelente. Gosto muito de ver os seus vídeos. Aprendi tudo sobre React contigo. Muito obrigado

  • @gabriell4815162342
    @gabriell4815162342 2 дні тому

    Voltaram ao JSF

  • @AllysonTS
    @AllysonTS 2 дні тому

    Eai Diego, blz? Sabe me dizer se com as novidades do React 19/Next 15, tem alguma forma mais interessante de lidar com paginação sem ser o useEffect ou ainda precisamos de algo como o React Query/SWR para facilitar isso? 🤔

    • @dieegosf
      @dieegosf 2 дні тому

      Uma boa alternativa é você salvar a página atual na URL como um Seach Param "?page=1" e usar isso na requisição da API e assim você não precisa nem usar o React Query se não quiser.

    • @AllysonTS
      @AllysonTS День тому

      @@dieegosf massa, acho que já até faço isso no meu projeto com o React Query. 😂

  • @hugofonseca3665
    @hugofonseca3665 2 дні тому

    Legal que agora o pessoal usa Javascript por escolha e não por falta de opção kkkkkk

  • @felipenogueira253
    @felipenogueira253 2 дні тому

    Que legal que o pessoal tá descobrindo 30 anos depois o que o PHP faz desde sempre 😅

    • @aquicnpj
      @aquicnpj 2 дні тому

      Tenta usar a mesma componentização, reatividade no php, você vai ter uma surpresinha... Nextjs é o melhor dos dois mundos, não é bala de prata claro

  • @hemily9338
    @hemily9338 2 дні тому

    esse corte foi retirado das aulas da rocket ou de alguma live?

    • @dieegosf
      @dieegosf 2 дні тому

      Foi de um NLW! Inclusive teremos um novo NLW em breve, só dar uma olhada no site.

  • @yukiritodops3
    @yukiritodops3 2 дні тому

    Primeirooooo :)

  • @R3FW4R3
    @R3FW4R3 2 дні тому

    Frist

  • @odiariodeumdesenvolvedor
    @odiariodeumdesenvolvedor 2 дні тому

    Obrigado pelo conteúdo, muito bem explicado!!! Eu estava bastante confuso porque não entendia quando deveria usar void e quando não deveria, mas pelo que entendi, void é usado quando uma função não retorna um valor específico, como por exemplo quando ela simplesmente executa uma ação sem produzir um resultado como um número. Por outro lado, se uma função retorna um valor como o número 5, não se utiliza void, pois ela possui um retorno explícito. Se uma função não tem um return, ela pode ser declarada com void para indicar que não retorna nenhum valor. No entanto, mesmo em funções void, posso utilizar um if else e usar return dentro deles para finalizar a execução condicionalmente. Nesse caso, o return se aplica ao if ou ao else, não à função em si. O que não é permitido é ter uma função declarada como void e ainda assim usar um return sem estar dentro de um if else ou de uma estrutura similar que controle o fluxo de execução.

  • @alexassisrio
    @alexassisrio 2 дні тому

    👏👏👏

  • @eliaslima8678
    @eliaslima8678 3 дні тому

    Universo TOTVS .. espero meu presente Super conteúdo só feras nesta bancada …😊

  • @saulotarsobc
    @saulotarsobc 3 дні тому

    Ansioso pra chegar em casa e seguir esse tutorial ❤

  • @tiagoborges7297
    @tiagoborges7297 3 дні тому

    O outro Framework que tenho conhecimento que está implementando também SSR é o angular 18 Diegão

  • @tgbaldo
    @tgbaldo 3 дні тому

    Depende. Qual o tamanho da equipe? Vamos ter deploys durante o dia todo? Porque precisamos de uma API, vamos ter clients externos consumindo?

  • @user-yc8kp2td5x
    @user-yc8kp2td5x 3 дні тому

    Só funciona em localhost, no meu site sem chance

  • @brunodeoliveira7245
    @brunodeoliveira7245 3 дні тому

    que exemplo horrível… não mostrou absolutamente nada do poder do calc()

  • @KlethonioFerreira
    @KlethonioFerreira 3 дні тому

    O Brasil não sustenta nenhuma profissão, esse é o problema, tem dev trabalhando por salário mínimo. Cada deve fazer o que se identifica, nada pro dinheiro, se não nada se sustenta.

  • @gruposwpp8409
    @gruposwpp8409 3 дні тому

    Mds cara, eu passei dias e quase uma semana trabalhando com isso e não achei em lugar algum alguma solução, até mesmo varrendo por cachê na documentação do next js na época eu não encontrava. Já falei que tantas pessoas, pleno e sênior e ninguém sabia, semanas difíceis aquelas....

    • @user-xp6gm2bz8w
      @user-xp6gm2bz8w 2 дні тому

      Tu so falou com seniU bosta então... Ta tudo na documentação do nextjs, tudo bem explicado.

  • @CSouSa0210
    @CSouSa0210 3 дні тому

    Conheci o tailwind em alguns meses e foi uma das melhores coisas velho, trabalhar com css não é difícil, mas acaba sendo um saco e tailwind é super automático velho...