![Rocketseat](/img/default-banner.jpg)
- 975
- 35 190 638
Rocketseat
Brazil
Приєднався 24 тра 2017
Mais do que uma plataforma de educação em tecnologia, somos uma comunidade incrível de programadores em busca do próximo nível 🚀
rseat.in/PHuNS8XU3
rseat.in/PHuNS8XU3
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
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
q tema e esse?
Vesper++
eu trocaria o fastify pelo express
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…
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?
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
Meu Deus kkkkkkkkkkkkkk nunca soube disso, vai ajudar muitoooo
expo expo expo expo
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 ?
Folllse... Esse inglês certinho dele me irrita
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
Muito legal ... Concordo com o @ScoupYY ... Seria legal mostrar como faz para integrar a API + Swagger num projeto React ...
Mas pelo que entendi, ele está buscando da API, logo, ele só consegue saber se o produto alterar se tiver isso na api
parabéns pelo conteúdo, aprendi em uma hora o que estou tentando aprender em dois meses
vídeo top, não conhecia o tailwind. Pode continuar essa interface? obrigado
quando chega GO ????
Meu prefeito
Mas fazer chamadas API dentro do useEffect não tava “proibido”?
F para eu com meus Guid em multitenant com uma base pra 100 cliente no momento =D
Traz o tutorial dessa integração do fastify com o swagger e o zod
Eu prefiro usar no client side com as verificações em tempo real
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
RDS
Acho que a @rocketseat teria que redefinir oq seria avançado na trilha de React. É muito básico, superficial sei lá
Hahaha, já alterei o título, saiu por engano
Como vou desabilitar os botões, inputs com isloading?
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!
isso não é avançado
Também achei básico
😂
é o básico do React kkk
kkkkkk
Já alterei o título, acho que o estagiário usou o GPT, só pode 🤣. Valeu por avisar!
E assim quem ganha mesmo é a Vercel. Não sei pq tanta agonia pra mandar o React para server side.
sobe na sua propria vps e pronto uai kk n tem relação nenhuma com a vercel
avancado? KKKKKKK
É o mesmo caso da trilha avançada da NLW que ensinam estados e conceitos básicos do React toda vez
Meteram um "de forma brilhante" ainda
Já alterei o título, acho que o estagiário usou o GPT, só pode 🤣. Valeu por avisar!
Duvido tu dizer como vc centraliza as janelas usando atalho
Se descobrir me fala kkk
@@DMNPlays se eu não me engano, é do mac, "almost maximize"
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
mas continua tendo validações
@@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
@@brandonnunes6322 Dá uma pesquisada, tem como sim.
@@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.
A validação em tempo real ainda continua. É só usar react-hook-form.
Onde vê a aula completa
Isso foi parte de um NLW. Teremos um novo NLW em alguns dias, só dar uma olhada no nosso site.
Você é muito bom. E tem uma didática excelente. Gosto muito de ver os seus vídeos. Aprendi tudo sobre React contigo. Muito obrigado
Voltaram ao JSF
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? 🤔
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.
@@dieegosf massa, acho que já até faço isso no meu projeto com o React Query. 😂
Legal que agora o pessoal usa Javascript por escolha e não por falta de opção kkkkkk
Que legal que o pessoal tá descobrindo 30 anos depois o que o PHP faz desde sempre 😅
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
esse corte foi retirado das aulas da rocket ou de alguma live?
Foi de um NLW! Inclusive teremos um novo NLW em breve, só dar uma olhada no site.
Primeirooooo :)
Frist
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.
👏👏👏
Universo TOTVS .. espero meu presente Super conteúdo só feras nesta bancada …😊
Ansioso pra chegar em casa e seguir esse tutorial ❤
O outro Framework que tenho conhecimento que está implementando também SSR é o angular 18 Diegão
Depende. Qual o tamanho da equipe? Vamos ter deploys durante o dia todo? Porque precisamos de uma API, vamos ter clients externos consumindo?
Só funciona em localhost, no meu site sem chance
que exemplo horrível… não mostrou absolutamente nada do poder do calc()
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.
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....
Tu so falou com seniU bosta então... Ta tudo na documentação do nextjs, tudo bem explicado.
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...