Elementor post
Hello from Elementor
Filtering with Apollo InMemoryCache Tutorial
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 …
Build a Simple Todo List
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, Controlled Forms, and Conditional Rendering
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 »
Setting up React & Intro to Props
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 …
Many to Many Relationships in GraphQL & Prisma
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 …
One to Many Relationships in GraphQL & Prisma
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 …
GraphQL Mutations Part 2: updateMany, deleteMany, and Re-ordering with Prisma
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 »
GraphQL Mutations and working with Prisma
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 …