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:
Components, yo.
14.6.2019
I see VuePress just went 1.0. Explained simply, it's a static site generator based on Vue. But of course, you work in Vue, which means you work in components.
All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte...
Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon
14.6.2019
In this week's roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you.
The post Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon appeared...
10 React Challenges (Beginner): Render Props
14.6.2019
Render Props allows React components to share reusable or customizable interfaces as functions through props.
In this react challenge, we will render 3 different cards with a single card com
10 React Challenges (Beginner): Use Context to Pass Data
14.6.2019
Data in React applications is usually passed to components, via props. By using props, data is sent from parent to child components.
Passing da
WDRL — Edition 267: Econom(log)ical Limits of Work, Privacy Wilderness and UX for Tech Diets.
14.6.2019
Hey,
I see a lot of people struggle with their jobs, how to keep up to date, how to find purpose in what you do, how to earn money while staying within your ethical constraints. This all can be overwhelming and it happens to me regularly, too. I’m struggling to find projects I want to work on that...
Collective #524
13.6.2019
The Layout Instability API * Write HTML Like It's 1999 * JavaScript questions * Pika CDN * The Economics of Open Source
Collective #524 was written by Pedro Botelho and published on Codrops
React Starter: The Many Ways to Return JSX
13.6.2019
JSX is a great tool because it has so much flexibility. There are many ways to achieve the same thing. For this reason, it can be confusing for new developers when they see different tactics for de
Drawing Realistic Clouds with SVG and CSS
13.6.2019
Greek mythology tells the story of Zeus creating the cloud nymph, Nephele. Like other Greek myths, this tale gets pretty bizarre and X-rated. Here’s a very abridged, polite version.
Nephele, we are told, was created by Zeus in the image of his own beautiful wife. A mortal meets Nephele, falls...