Click Here for Github Source Code In this video we’ll be exploring “advanced” GraphQL topics with Apollo & React.js. Specifically, we’re going to learn how to use the InMemoryCache object to create “client side queries” and handle filtering of lists, while still keeping the ability to run mutations on the list AND take advantage of …
By this point we’re almost capable of building a simple todo list, so let’s give that a try. I encourage you to give it a shot on your own, but don’t spend too much time on it because there are a couple of gotchas. Download the source code here and switch to the 04-start-todo-list branch. …
Intro to Functional State (hooks) Complete source code for this tutorial is available at this repository in the 03-functional-state-start branch State allows us to keep track of the “state” of our application at any given time. Here’s an example of state for my personal being: Each component has the ability to have “state”. To add …
Intro to Functional State, Controlled Forms, and Conditional Rendering Read More »
Setup a React App: Setting up your react app is simple. (Look this up later) Just go into the directory you want to setup you project and run this terminal command: Then open the project in a text editor and visit http://localhost:3000 to see your new project in the browser React.js Components (functional) The first …
In this post we’ll cover “Many to Many” relationships in GraphQL and Prisma using the “explicit” design. More details on relations can be found here. Our project in the tutorial series we’ve been working on doesn’t have any need for many-to-many yet, so let’s use a different project that I’ve already setup for us. Starting …
In this post we’ll talk about one-to-many relationships and how to implement them in GraphQL using Prisma. Get the source code In GraphQL it’s best practice to do “Schema driven development” meaning we do our schema first. In order to add relationships between tables, the first thing we’ll need to do is update our database …
This post is part 2 on GraphQL Mutations. We’ll be covering how to update and delete multiple records at a time. Starting Github repository (use start-update-deletemany branch) Note: If you use the github repo you need to switch to the correct branch BEFORE running the npx prisma migrate commands otherwise migration issues will happen. Let’s …
GraphQL Mutations Part 2: updateMany, deleteMany, and Re-ordering with Prisma Read More »
Starting Github repository. Use start-mutations branch Get the full GraphQL series here In this post we’re going to look at working with GraphQL Mutations to perform CRUD operations on our MySQL database managed by Prisma. So we have an empty database. Let’s setup some Mutations so we can do some CRUD with GraphQL! We have …
Get the full GraphQL series here If you’re just joining the series start at the start-prisma-setup branch In this post we’re going to setup an actual database using Prisma and MySQL. This could be done with Postgres or whatever you need. We’re going to use SQLite now because it’s the easiest to setup. We’ll cover …
In this tutorial we’re going to learn how to use basic GraphQL queries. This is a post in a larger series. To get caught up, grab the existing code here: https://github.com/truthseekers/graphql-prisma-series and pull down the start-graphql-queries branch. (and run npm install) Ok, let’s begin! So GraphQL obviously needs a data source, otherwise we would have …