Back to Browse

Solid + GraphQL = Realtime Magic

29.4K views
Sep 6, 2021
33:46

[NOTE: Apparently my point that Apollo is hard bound to React is wrong. I'll be looking into that.] Let's use the Solid-JS framework to create a todo app using queries, mutations and subscriptions. Then, in a quick twist, we repurpose the todo app into a chat app. Code: https://github.com/jherr/solid-graphql-code Solid: https://www.solidjs.com/guide URQL: https://formidable.com/open-source/urql/ GraphQL Yoga: https://github.com/dotansimha/graphql-yoga 00:00 Introduction 00:55 Project setup 02:30 Building the server 06:15 Building the client 12:35 Adding mutations to the server 15:05 Adding mutations to the client 18:12 Adding subscriptions to the server 21:40 Adding subscriptions to the client 25:30 The Twist 26:35 Making a chat app 33:23 Outroduction 👉 What's my theme? Night Wolf [black] 👉 What's that font? MonoLisa 👉 Jack is also on the React Round Up podcast: https://devchat.tv/podcasts/react-round-up/ 👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ 👉 Discord server signup: https://discord.gg/ddMZFtTDa5 💢 Watch our other videos: 💟 Hacking your Github contribution graph: https://youtu.be/_ZQSPYDlk3U 💟 More Typescript videos: https://www.youtube.com/playlist?list=PLNqp92_EXZBIKO8lqN3089jgZUi-FUFXX Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel. #solid-js #graphql

Download

1 formats

Video Formats

360pmp448.3 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Solid + GraphQL = Realtime Magic | NatokHD