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

Veröffentlicht am: 27 Juli 2024
auf dem Kanal: 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
━━━━━━━━━━━━━━━━━━━━━━━━━━

Auf dieser Seite können Sie das Online-Video GraphQL PubSub with Node.js, Apollo Server, Prisma, and SQLite mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Eric Tech 27 Juli 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,216 Mal angesehen und es wurde von 14 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

47,152