Тёмный

GraphQL no Node.js do ZERO criando 2 apps completos 

Rocketseat
Подписаться 369 тыс.
Просмотров 45 тыс.
50% 1

Nos dez anos de existência do GraphQL, muita coisa mudou. Muita coisa também já foi criada com essa linguagem. E hoje nós vamos criar a sua primeira API GraphQL com Node.js.
Mas a sacada é o seguinte: serão duas versões da mesma aplicação, uma no modo easy e outra no modo hard. Com tecnologias diferentes, mas sempre usando o GraphQL, experimentando as possibilidades e níveis de complexidade desse universo.
Bora codar?
-----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com...
Cadastre-se na nossa plataforma: app.rocketseat...
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_oficial

Опубликовано:

 

7 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 117   
@tiagobarros7093
@tiagobarros7093 Год назад
Traz mais videos com GraphQL!! Integrando com Prisma + Testes seria massa demais! 🆙
@eurico_dev
@eurico_dev Год назад
sentindo que isso vai chegar na trilha de node do ignite em, quem confia, deixa o like.
@dieegosf
@dieegosf Год назад
Deixei o like
@walysonmoura222
@walysonmoura222 5 месяцев назад
​@@dieegosfkskkskksskksk
@karylchesman2475
@karylchesman2475 Год назад
Sensacional! Já tinha ouvido falar do GraphQL aqui mesmo na Rocket, mas nunca fui atrás de entender, hoje resolvi assistir esse vídeo e conseguir compreender perfeitamente, e inclusive gostei do modelo! E bom, seria ótimo sim ver uma integração disso com o Prisma...
@dieegosf
@dieegosf Год назад
Vai rolar! :)
@samusaw
@samusaw Год назад
Mano esse assunto é totalmente acima da média, e um fato o quanto o graphql mudou. Sensacional! Como sugestão o problema N+1 e como os dataloaders atuam seria interessante!
@luan_maik
@luan_maik Год назад
Realmente, quando eu vi esse FieldResolver eu já me perguntei sobre N+1
@me.dwesley
@me.dwesley Год назад
Olá, eu não entendi seu comentário. Poderia me explicar do que se trata esse problema do "N+1"? Eu nunca ouvi falar dele antes! : )
@luan_maik
@luan_maik Год назад
@@me.dwesley se a consulta do banco retornar 20 registros, para cada registro será feita uma nova consulta para buscar o registro associado, resultando em 20 novas consultas.
@samusaw
@samusaw Год назад
@@me.dwesley Exatamente como o Luan citou! Tu tem um resolver que vai buscar itens com base em uma mesma FK da sua tabela, ai ele vai 20x para 20 registros do banco. O problema N + 1 resolve isso pra fazer um cache com a FK e nao ir 20x caso todas sejam iguais e apenas uma dando mais desempenho naturalmente.
@abauruel
@abauruel Год назад
Excelente conteúdo, parabéns. graphql + nestjs + prisma => 🔝 produtividade 🔝
@maicongunner
@maicongunner 3 месяца назад
Caramba diferente a abordagem do graphQL no backend, tinha usado ele somente no frontend, vlw Diegão top demais!!!
@lmfacchini
@lmfacchini 4 месяца назад
Maravilha! Muito difícil encontrar vídeos iguais ao seu. Parabéns!
@joaotextor4094
@joaotextor4094 Год назад
Aprendi GraphQL com esse video. Conteúdo bem denso e completo. Certamente vou precisar revisitar o video futuramente pra lembrar de todas as informações. Parabéns pelo conteúdo.
@henriqueserraglia
@henriqueserraglia Год назад
Como todo conteúdo do Diego, sensacional! Seria muito legal pro próximo trazer algo sobre multitenancy com as stacks do momento, ou backend com NestJS (ou AdonisJS), ou qualquer outra coisa de back ou front que ta no hype hahahaha
@dieegosf
@dieegosf Год назад
Multi-tenancy me dá agonia só de lembrar da época que precisava construir do zero isso nos primeiros anos de carreira com PHP hahahaha, mas vou me esforçar pra trazer sim!
@CanalSAMA
@CanalSAMA Год назад
Muito boa a aula sobre GraphQL, deu para entender bem as comparações com RESTful, seria interessante uma aula construindo uma API ainda mais completa com essa tecnologia.
@luizbandeira9627
@luizbandeira9627 Год назад
finalmente um video que me passou de maneira limpa o que eu queria saber
@GabrielAlexandruBolea
@GabrielAlexandruBolea Год назад
Fala Diegoooo. Sempre com conteúdo top para os seguidores. Um abraço de Portugal. Ja estava querendo dar uma olhada no GraphQL e poucas horas depois aparece esse vídeo. Obrigado.
@dieegosf
@dieegosf Год назад
Tamo junto Gabriel!
@Mrparadox110
@Mrparadox110 Год назад
Ótima aula! Gostsria muito de uma aula sobre error handling no node, dada pela Rocketseat!
@dieegosf
@dieegosf Год назад
Vai rolar sim, já ta na fila
@borala-
@borala- Год назад
Top demais, gostaria de ver como se faz testes e integração com db e front
@doidaddara
@doidaddara Год назад
Eu já utilizei GraphQL em consumo de dados e tive curiosidade pra saber como que funcionava por baixo dos panos. Muito bom o vídeo!
@dieegosf
@dieegosf Год назад
Valeu Dara!
@Brendosl
@Brendosl 6 месяцев назад
Que obra de arte ! Muito obrigado por esse conteúdo !
@arturparanayba
@arturparanayba Год назад
Excelente o video! Muito boa a abordagem e bem explicado. Agora fica a sugestão de fazer um na mesma didática, usando o gRPC!
@GuilhermeSilvaMaster
@GuilhermeSilvaMaster Год назад
Conteúdo excelente como sempre, como sugestão ao assunto, podemos trazer boas práticas do graphql, tratamento de erros, dataloaders, conexão com banco de dados com o prisma, retorno de erros mesmo com a api sempre retornando status code 200 e etc...
@dieegosf
@dieegosf Год назад
Fala Guilherme, boa! A parte de erros acho que é massa, dataloaders hoje com Prisma praticamente não é necessário mais. Obrigado pelas sugestões.
@yuri_cmps
@yuri_cmps Год назад
Muito bom cara, essa aula abriu minha mente para poder utilizar o Graphql
@yuriandreidasilva7112
@yuriandreidasilva7112 Год назад
Diegueras, vc tá devendo um vídeo sobre tratativas de erro, manda a braba
@myguelangello8563
@myguelangello8563 Год назад
Faz uma continuação integrando com o Prisma e usando um PostgreSql ou um SQLite, seria muito massa.
@MatheusMacedoAP
@MatheusMacedoAP Год назад
ou o typeorm no nestjs
@programandocomandre3446
@programandocomandre3446 Год назад
Olá, Ao realizar este tutorial consegui fazer até à parte do type-graphql em que se configurou a mutation createAppointment no entanto a mutation estava a dar erro de validação de dados passando exatamente o customerId, o startsDate e o endDate. Quem tiver problemas instalem as versões do type-graphql graphql, reflect-metadata, e class-validator corretas que são estas: class-validator: "^0.13.2", graphql: "^15.8.0", reflect-metadata": "^0.1.13", type-graphql": "^1.1.1" Estão conforme as que estão no vídeo
@Brendosl
@Brendosl 6 месяцев назад
Tem um repositorio que eu possa ver o que pode esta dando de errado ? Segui todos os passos é está dando um erro que não consigo achar uma solução
@ThiagaoVlogs
@ThiagaoVlogs Год назад
Salve pssoal, so dando uma passada rapi10 pra avisar que se voce seguir o que o Diego ta fazendo talvez coisas deem errado ao rodar sua mutation de createAppoitment e aqui ta o PQ: O package class-validator soltou uma release da 0.13.2 (versao usada nesse video) pra 0.14.x(novas) Aparentemente voce agora TEM que passar alguma validacao pro seus Fields la no input entao aqui ta o pote de ouro: ao inves de : @Field() customerId: String; @Field() startsAt: Date; @Field() endsAt: Date; coloque: @IsString() @Field() customerId: String; @IsDate() @Field() startsAt: Date; @IsDate() @Field() endsAt: Date; Deve Funfar normal!
@gwelter
@gwelter Год назад
Tava tendo exatamente esse erro. Muito obrigado.
@natanjungesmuller8001
@natanjungesmuller8001 Год назад
Tu é o cara, valeu
@guilhermeemanuelpires133
@guilhermeemanuelpires133 7 месяцев назад
Muito que bem! 🤝
@felip_nov
@felip_nov 7 месяцев назад
salvou mt agora!!
@RafaaSlater
@RafaaSlater Год назад
Pessoas inteligentes são tão atraentes kkkk boa, Diegão, mais um vídeo top da Rocket 🚀
@annakarolinafranz5946
@annakarolinafranz5946 Год назад
Rio Grande do Sul também é frio Diego... rsrs
@BrunooS15
@BrunooS15 Год назад
Espero ver isso mais a fundo na nova trilha de node👀
@lucascota7258
@lucascota7258 Год назад
Excelente abordagem como sempre, interessante saber sobre como funcionaria com um Sql da vida? O sequelize nesse caso ainda faria sentido ?
@nypeeh1753
@nypeeh1753 Год назад
Muito boa a aula Diego
@juniormanoel3674
@juniormanoel3674 Год назад
Se eu não me engano é o Min Theme.
@gustavohenriqueevaristo5058
Min Theme do miguel solorio
@mao-no-codigo
@mao-no-codigo Год назад
É esse msm
@hamiceis
@hamiceis Год назад
Muito massa Diego 👏👏👏👏
@devbrn
@devbrn Год назад
Diego tu é brabo demais!
@developerinexplicavel
@developerinexplicavel Год назад
to querendo começar um projeto de e-commerce com react e node, pelo visto vai ser dificil pq sou junior
@misaellopes01
@misaellopes01 Год назад
Nesse projecto vc pretende fazer o CMS também?
@joaodias3070
@joaodias3070 Год назад
Também estou querendo fazer este projeto
@blackrock2222
@blackrock2222 Год назад
Oxi, qual problema em ser júnior? Vai pra cima dificuldades sempre irão existir
@npxdev
@npxdev Год назад
Penso em fazer um desses projetos tbm, tenho que ver como os desenvolvedores fazem para integrar as formas de pagamento, que não sei absolutamente nada.
@dieegosf
@dieegosf Год назад
Usa algum CMS pronto para evitar ter que codar tudo do zero
@OPrimoDev
@OPrimoDev Год назад
Meu passatempo predileto: ver o próximo compromisso do diego ali na menubar do mac e ficar tentando imaginar do que se trata kkkkkkkkkkkkkk
@dieegosf
@dieegosf Год назад
Hahahahahahahahaha
@_rafix
@_rafix Год назад
Salve Diego, video muito bom como sempre.Traz um video sobre Trpc. Esta no inicio mas vejo muito futuro. Queria ver sua opinião sobre ele em relação ao Graphql ou ao padrão rest mesmo. Não sei se ja deu uma olhada nele. Valeuuuuuu
@dieegosf
@dieegosf Год назад
tRPC ta complicado ainda, toda semana muda a API completamente hahahaha, precisa esperar um pouco ainda.
@nestortonanez4752
@nestortonanez4752 Год назад
Oi Diegao, faz aí uma misturando com o outro video que fez de appointments solid. Saludos
@dieegosf
@dieegosf Год назад
Você advinhou meu plano
@RodrigoVieiraEufrasiodaSilva
Parabéns pela a aula. Mas tenho uma pergunta para você? Por você não fala de PHP?
@dieegosf
@dieegosf Год назад
Porque não sou especialista mais em PHP, já trabalhei 7 anos com a linguagem mas hoje me sinto desatualizado, preciso ter foco em poucas tecnologias :)
@RodrigoVieiraEufrasiodaSilva
@@dieegosf Obrigado Diego por sua resposta, mas eu tenho uma pergunta e queria ouvir a sua opinião sobre isso. Para você vale a pena aprender PHP? E tem mais uma pergunta de Bônus. Se que o React caiu em sua graça, mas não seria interessante falar do VUE.js no canal da Rocket? Abraços e muito sucesso!
@MrChernicharo
@MrChernicharo Год назад
Muito massa! Mas agora falando de frontend...alguma chance da gente ver conteúdo sobre SolidJs? Já testou Diogão? Rapaiz...depois de conhecer o Solidjs, já não tenho mais paciência pro React
@MrChernicharo
@MrChernicharo Год назад
​ @Marcus Torres foi mal, acho q não me expressei direito, vamo lá, Acho o React é uma ferramenta incrível. Adoro a DX do React, o JSX etc..Uso diariamente. Mas é por gostar de React q estou tão empolgado com o Solidjs. Tenho pra mim q o Solidjs é uma evolução do React, onde ele pega as partes boas (JSX, props, hooks, context etc), só q oferecendo soluções boas demais pras partes digamos “perigosas” do React (useCallback, useMemo, dependências do useEffect, lidar com propriedades aninhadas, vDom renderizando milhares de componentes a cada atualização etc..) Entendo quando vc diz q o Solidjs até parece o uma cópia do React. Inclusive acho isso uma vantagem: Todos os devs já estão acostumados com a sintaxe. Vc aprende o essencial em 10 minutos. O ganho no entanto, é o q vem depois, quando tu vê q o Solidjs te permite trabalhar valores reativos de verdade, e onde a atualização dos elementos da DOM rola com total granularidade, em sintonia com as mudanças de valores da tua aplicação. Enquanto no React uma mudança de valor força a renderização de toda a árvore de componentes, no Solid os componentes só renderizam uma vez! Se um valor muda, apenas aquela folha da árvore renderiza de novo. É um ganho absurdo de performance! Enfim, me empolguei aqui. Quando tiver um tempo, experimenta o Solid e me diz se tu não curte. Flw
@abauruel
@abauruel Год назад
@@MrChernicharo acho que cada um tem seu propósito, acredito que do ponto de vista educacional, faz muito sentido aprender toda esta abstração/preocupação com as partes "perigosas" como disse saber o que esta acontecendo e o porque esta acontecendo acho necessário
@junangameplays3271
@junangameplays3271 Год назад
como seria testes no graphql com typescript ?
@alexandrecastro9528
@alexandrecastro9528 Год назад
Gostei da thumb
@wfl-junior
@wfl-junior Год назад
Faz um novo vídeo integrando essa api graphql com o prisma :D
@dieegosf
@dieegosf Год назад
Hehe vai rolar
@NatanCipriano98
@NatanCipriano98 Год назад
Faz um vídeo aplicando GraphQL e Prisma no Nest.js
@dieegosf
@dieegosf Год назад
Tu ta me hackeando? Descobriu meu próximo vídeo
@gildembergleite
@gildembergleite Год назад
Vídeo seria melhor utilizando versões mais atualizadas, o GraphQL 15.8.0 é de dois anos atras e não funciona com a versão atual do apollo server
@CristianoTutoriais
@CristianoTutoriais Год назад
O que é esse is v1.0.0 via v16.15.0 on sa-east1? Vc usar servidor remoto para salvar os arquivos??
@textodiariodehoje
@textodiariodehoje Год назад
os inputs comigo so funcionou usando o class-validator, tem como fazer o video integrando com TypeORM
@textodiariodehoje
@textodiariodehoje Год назад
@@wellingtonlima8424 posso sim vou subi pro github e te mando
@v0idvlr
@v0idvlr Год назад
Aquecimento pra nova trilha de node? 👀
@dieegosf
@dieegosf Год назад
Postei e saí correndo
@iury664
@iury664 3 месяца назад
Acho que a atual release do graphQL mudou tanto que esse vídeo não faz mais sentido. só se usar a versão anterior, que não sei se é bom.
@ThePedroWong
@ThePedroWong Год назад
Qual tema do vscode ele tá usando?
@textodiariodehoje
@textodiariodehoje Год назад
alguem conseguiu usat jwt nessa api?
@stoso3391
@stoso3391 Год назад
Boaaa
@me.dwesley
@me.dwesley Год назад
Ainda não sei o motivo, mas, quando olho os exemplos, sempre fica comigo a impressão de que programar com graphQL é ser redundante. Quase sempre, independente da abordagem, estamos escrevendo o mesmo código duas vezes.
@dieegosf
@dieegosf Год назад
Sim e não, são duas camadas, da mesma forma que quando você for estudar sobre Clean Architecture você vai se deparar com a mesma sensação, criando entidades a nível de domínio, a nível de persistência e até a nível de visualização. Apesar de serem coisas que se conversam, não são conectadas em podem funcionar independentemente.
@MaximilianoDallaPorta
@MaximilianoDallaPorta Год назад
Repositório do projeto?
@corpsebraide422
@corpsebraide422 Год назад
qual seria alternativo dele, alguem sabe?
@iury664
@iury664 3 месяца назад
REST
@alcantaraDev
@alcantaraDev Год назад
qual o tema do VS do diego??
@mao-no-codigo
@mao-no-codigo Год назад
Min Theme do Miguel Solorio
@gabsodev
@gabsodev Год назад
Como deixar o terminal bonitão assim?
@matheusvictorhenrique
@matheusvictorhenrique Год назад
Oh my zsh, recomendo muito
@hello-AZIZUR
@hello-AZIZUR Год назад
How did you configure your terminal?
@dieegosf
@dieegosf Год назад
Fish + Starship
@hello-AZIZUR
@hello-AZIZUR Год назад
@@dieegosf Please make a video about it. I hope people gonna love it. 🥰🥰
@RodriguesCostaNeto
@RodriguesCostaNeto Год назад
Diego ta usando zsh? Se sim qual e esse plugin que dá esse autocomplete no terminal?
@victorwillian2177
@victorwillian2177 Год назад
Tem vários, zsh-autocomplete, tem o fig que o Diego também usa
@RodriguesCostaNeto
@RodriguesCostaNeto Год назад
@@victorwillian2177 Obrigado pela resposta o zsh-autocomplete eu já tinha agora esse fig não conhecia, era justamente ele que eu queria, muito obrigado!
@dieegosf
@dieegosf Год назад
Eu uso o fish com starship
@RodriguesCostaNeto
@RodriguesCostaNeto Год назад
@@dieegosf Obrigado pela resposta. 😀
@38gyoungboy42
@38gyoungboy42 Год назад
Qual tema e essa usado no video ?
@dieegosf
@dieegosf Год назад
Min Theme
@wpbarcelos
@wpbarcelos Год назад
ta querendo isso
@danielmartins5800
@danielmartins5800 Год назад
Fiquei sabendo que o Diegao gosta das cariocas....
@paraxmaxter1738
@paraxmaxter1738 Год назад
Worked, thx
@raphaelpereira1503
@raphaelpereira1503 Год назад
Tá com um typo na thumbnail: GrahpQL
@viniciusz642
@viniciusz642 Год назад
first
@lucascota7258
@lucascota7258 Год назад
APOLLO ERROR?????? KKKKKKKKK
@carolsanches3516
@carolsanches3516 5 месяцев назад
Top demais code only
@iury664
@iury664 3 месяца назад
o @apollo/server não tem mais o gql ai quebrou tudo, não tem mais suporte para o apollo-server
@iury664
@iury664 3 месяца назад
pelo doc tem que pegar o startStandaloneServer, e o highlight do typeDefs não funciona, fica tudo com cor de comentário.
@luanr9368
@luanr9368 3 месяца назад
@@iury664 conseguiu encontrar alguma solução?
@iury664
@iury664 3 месяца назад
@@luanr9368 pela doc tem que usar um novo recurso, que é apenas colocar entre crases e no começo a seguinte instrução #graphql e ai mandar o sql pra dentro... fora que tem que pegar o startStandaloneServer de @apollo/server/standalone pra fazer a conexão e pegar a url...
@christianlobo5027
@christianlobo5027 Год назад
realy work)
Далее
Seu próximo back-end Node com TESTES! (+ SOLID)
1:02:43
Я ж идеальный?😂
00:32
Просмотров 81 тыс.
Fake watermelon by Secret Vlog
00:16
Просмотров 6 млн
The Hidden Cost Of GraphQL And NodeJS
28:35
Просмотров 190 тыс.
Criando uma API do ZERO com Node.js e Banco de Dados
1:15:42
Learn GraphQL In 40 Minutes
39:43
Просмотров 738 тыс.
Implementando WebSockets no Node.Js - Code/drops #99
1:01:32