GraphQL PubSub with Node.js, Apollo Server, Prisma, and SQLite

Publicado em: 27 Julho 2024
no canal de: Eric Tech

1,216

Want to build a real full-stack application by connecting React to a GraphQL API?
In this hands-on tutorial, you’ll learn how to use Apollo Client, React, and GraphQL to fetch data, create new records, and build a smooth, multi-page UI with React Router.

Whether you're building dashboards, admin tools, or modern SPAs — this is the perfect beginner-friendly React + GraphQL workflow.

💬 In this video, you’ll learn:
🔹 Project Setup & Apollo Integration

✓ Creating a new React + TypeScript project
✓ Installing & configuring Apollo Client
✓ Setting up HttpLink and InMemoryCache
✓ Connecting React to an existing Node.js GraphQL backend

🔹 GraphQL Querying in React

✓ Using the useQuery hook to fetch backend data
✓ Rendering dynamic lists & components
✓ Handling loading/error states like a pro

🔹 GraphQL Mutations in React

✓ Using the useMutation hook to create new records
✓ Building a form to submit user input
✓ Updating UI after mutation results
✓ Automatically refreshing data in the UI

🔹 Building Navigation with React Router

✓ Installing React Router DOM
✓ Creating multiple pages & components
✓ Seamless navigation for a complete app experience

This is the full workflow you need to build a production-ready React GraphQL front-end.
━━━━━━━━━━━━━━━━━━━━━━━━━━
🔗 RESOURCES & LINKS

💬 Download the full resource in Skool:
https://www.skool.com/erictech

📅 Work With Me
New Projects - Free Strategy Call: https://calendar.app.google/sB9KrJP6e...
Technical Consultation (Paid 1:1): https://calendar.app.google/BU9D589X3...

🤝 Let's Connect
LinkedIn: / ericwtech

Code: https://github.com/EricTech0/react-ap...
━━━━━━━━━━━━━━━━━━━━━━━━━━
⏱️ Timestamps:

(00:00) Intro
(00:58) Add PubSub to GraphQL Apollo Server
(02:20) Test PubSub in GraphQL Playground
(03:11) Practice Adding a Voting Feature
(07:34) Outro

#ReactJS #GraphQL #ApolloClient
━━━━━━━━━━━━━━━━━━━━━━━━━━

Nesta página do site você pode assistir ao vídeo on-line GraphQL PubSub with Node.js, Apollo Server, Prisma, and SQLite duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Eric Tech 27 Julho 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 1,216 vezes e gostou 14 espectadores. Boa visualização!

53,877

8.3 mil