Search
Collective #563
7.11.2019
Game Off 2019 * Pure CSS Lace * The Svelte Handbook * GraphQL Crash Course * React Query
Collective #563 was written by Pedro Botelho and published on Codrops
Meeting GraphQL at a Cocktail Mixer
26.9.2019
GraphQL and REST are two specifications used when building APIs for websites to use. REST defines a series of unique identifiers (URLs) that applications use to request and send data. GraphQL defines a query language that allows client applications to specify precisely the data they need from...
The Best (GraphQL) API is One You Write
30.8.2019
Listen, I am no GraphQL expert but I do enjoy working with it. The way it exposes data to me as a front-end developer is pretty cool. It's like a menu of available data and I can ask for whatever I want. That's a massive improvement over REST and highly empowering for me as a front-end developer...
Multiplayer Tic Tac Toe with GraphQL
23.8.2019
GraphQL is a query language for APIs that is very empowering for front-end developers. As the GraphQL site explains it, you describe your data, ask for what you want, and get predictable results.
If you haven’t worked with it before, GraphQL might be a little confusing to grok at first glance....
Using GraphQL Playground with Gatsby
18.7.2019
I’m assuming most of you have already heard about Gatsby, and at least loosely know that it’s basically a static site generator for React sites. It generally runs like this:
Data Sources → Pull data from anywhere.
Build → Generate your website with React and GraphQL.
Deploy → Send the site to...
Hey, let’s create a functional calendar app with the JAMstack
3.7.2019
Hey, let's create a functional calendar app with the JAMstack
I’ve always wondered how dynamic scheduling worked so I decided to do extensive research, learn new things, and write about the technical part of the journey. It’s only fair to warn you: everything I cover here is three weeks of research...
Handling File Uploads in GraphQL and Vue
19.6.2019
In this tutorial, I'll be showing you how to hand file uploads in GraphQL by building a fullstack app. The tutorial will be divided into two main sections: building the GraphQL API and the frontend
Deep Dive into GraphQL Mutations
18.6.2019
This is a continuation on the series i’ve been doing on GraphQL Actions. In the last post on this series we worked on a Deep
Game of Thrones Quiz Game with React and GraphQL: Create the Questions Form
17.6.2019
We’re going to make use of some new packages for creating questions. Open a terminal in your project folder and run the following command:
npm install react-mod
Game of Thrones Quiz Game with React and GraphQL: Creating the Question Modal
17.6.2019
Create a folder named question-modal within the src/components directory and a file index.js within it. Open the file and update it with the snippet below:
Game of Thrones Quiz Game with React and GraphQL: Create The Questions component
17.6.2019
Let’s create the Questions component, open the src/components/questions/index.js file and update the file with the following:
// src/componen
Game of Thrones Quiz Game with React and GraphQL: Getting Started with 8base
17.6.2019
8base is a Developer Acceleration Platform offering a vast selection of features to help devel
Game of Thrones Quiz Game with React and GraphQL: Handling Mutations with 8base
17.6.2019
To begin creating questions, we’ll have to run mutations on the Questions table; a quick trick is to look at the 8base API explorer to see how the mutation script should look like. Go the to 8base
Game of Thrones Quiz Game with React and GraphQL: Initiate Backend Connection
17.6.2019
Now that our frontend application is running, the next step is to set up the client to communicate with the server. We’ll make use of the apollo-boost package to achieve this. The package provides
Game of Thrones Quiz Game with React and GraphQL: Introduction
17.6.2019
After two years of wait, the critically acclaimed final season of Game of Thrones has come and gone leaving most viewers half full and discontent. There was always that feeling that the final seaso
Game of Thrones Quiz Game with React and GraphQL: Set up GraphQL Query For the Quiz Questions
17.6.2019
Now we’ll create a component to render the data in the 8base backend. This component will handle the fetching of data using GraphQL queries and will render the fetched data accordingly. To get star
Game of Thrones Quiz Game with React and GraphQL: Setting up a React App
17.6.2019
To get started, we will use create-react-app to bootstrap our application. To create the application using the create-react app CLI, run:
Game of Thrones Quiz Game with React and GraphQL: Single Question Component
17.6.2019
Create a folder called question within the src/components directory and a file index.js within it. Open the file and copy the following into the file:
Weekly Platform News: Mozilla WebThings, Internet Explorer mode, GraphQL
24.5.2019
In this week's news: Mozilla WebThings provides complete privacy for user data, an Internet Explorer mode is coming to Edge, and other interesting articles.
The post Weekly Platform News: Mozilla WebThings, Internet Explorer mode, GraphQL appeared first on CSS-Tricks
Animated Page Transitions in Gatsby Websites
21.5.2019
GatsbyJS is a React-based static site generator powered by GraphQL. It makes it possible for you to code and develop your site, while Gatsby transforms it into a directory with a s