Simen Brekken simenbrekken

This novel workaround simply hides any command log entries that originate from fetch/XHR requests.

While I've updated this receipe for Cypress 10 and converted it to TypeScript you should be able to use it in a JavaScript project by ignoring the cypress.d.ts file and placing the snippet from e2e.ts in e2e.js instead.

This HoC gives you a way to work with co-located fragments that is similar to Relay's FragmentContainer

It supports both fragment maps extrapolation of prop names from fragment definitions.

Fragment map

export default withFragments({
  price: gql`
 fragment ProductDetails_price on Product {

This neat little script let's you develop Express apps without using something like nodemon to reload your server between changes.

Usage:

Put dev.js outside your project source folder, scripts/dev.js is what I'm using.
Make sure your actual app in src/index.js exports the Express instance itself without listening:

import express from 'express'

	const googleAnalytics = event => {
	switch (event.type) {
	default:
	window.dataLayer.push(event)
	}
	}

	const facebook = event => {
	switch (event.type) {
	case 'pageview':

	<!DOCTYPE html>
	<html lang="en">
	<head>

	<!-- Meta -->
	<meta charset="UTF-8" />
	<title>My New Pen!</title>

	<!-- Styles -->
	<link rel="stylesheet" href="style.css">

	import { Component, createElement } from 'react'
	import { graphql as withGraphQL } from 'react-apollo'

	class GraphQL extends Component {
	constructor(props, context) {
	super(props, context)

	this.client = props.client \|\| context.client
	this.renderer = this.createRenderer(this.props)
	}

	const PORT = process.env.PORT \|\| 8081
	const HOST = process.env.HOST \|\| 'localhost'

	const app = express()
	const server = app.listen(PORT, err => {
	if (err) {
	console.error(err)
	process.exit(1)
	}

	componentWillMount() {
	registerRequestPromises(() => {
	const queries = createQueries(mapPropsToQueries, this.props)

	return this.dispatchQueries(queries)
	})
	}

	import { getQueryByUrl } from './reducers/queries'
	import { getPageByPath } from './reducers/pages'

	const Page = ({ loading = true, error, page }) => {
	if (loading) {
	return <Loader />
	}

	if (error) {
	return <Error error={error} />

	let pendingPromises
	let resolving = false

	export const registerRequestPromises = createRequestPromises => {
	if (resolving) {
	const promises = createRequestPromises()

	if (promises) {
	pendingPromises.push(...promises)
	}