HaNdTriX

function wrapPromise(promise) {
  let status = "pending";
  let result;
  let suspender = promise.then(
    r => {
      status = "success";
      result = r;
    },
    e => {
      status = "error";

HaNdTriX

import { useState } from 'react'

const useForceUpdate = () => {
  const [, setState] = useState()
  return setState 
}

export default useForceUpdate

HaNdTriX

import { ApolloLink } from 'apollo-link';

const logLink = new ApolloLink((operation, forward) => {
  console.time(operation.operationName);
  return forward(operation).map(result => {
    console.timeEnd(operation.operationName);
    return result;
  });
});

HaNdTriX

import React from 'react'

function Error({ statusCode }) {
  return (
    <>
      <h1>{statusCode}</h1>
      <h2>This is the Next.js _error.js page</h2>
      <p>Choose the status code by changing the url param above</p>
      <p>
        This page supports the 7.x.x status code range{' '}

HaNdTriX

// 🤫The following code is experimental and might break in the future! 
// Don't use it if you are using some kind of side-effect patterns like: Helmet, GraphQL or react-side-effect. 

import { useRouter } from 'next/router'

function Home() {
  const {
    // `String` of the actual path (including the query) shows in the browser
    asPath,
    // `String` Current route

HaNdTriX

/**
 * Allows to repeatedly call
 * an async code block
 *
 * @callback callback
 * @callback [filterError] Allows to differentiate beween different type of errors
 * @param {number} [maxRetries=Infinity]
 */
function asyncRetry(
  callback,

HaNdTriX

const toDataURL = url => fetch(url)
    .then(response => response.blob())
    .then(blob => new Promise((resolve, reject) => {
      const reader = new FileReader()
      reader.onloadend = () => resolve(reader.result)
      reader.onerror = reject
      reader.readAsDataURL(blob)
    }))

HaNdTriX

import React from 'react'
import Router from 'next/router'
import AppBarMD from 'material-ui/AppBar'
import Tabs, { Tab } from 'material-ui/Tabs'

const routes = [
  '/',
  '/articles'
]

HaNdTriX

// THIS IS JUST A POC. DO NOT USE THIS CODE!

module.exports = function babelPluginGenerateLanguageKatalog(api, options) {
  const componentNames = ['FormattedMessage']
  const functionNames = ['formatMessage']

  const foundIds = new Set()

  return {
    inherits: require('babel-plugin-syntax-jsx'),

HaNdTriX

import React, { useImperativeHandle } from "react";
import PropTypes from "prop-types";
import TextField from "@material-ui/core/TextField";
import { fade, useTheme } from "@material-ui/core/styles";

function StripeInput(props) {
  const {
    component: Component,
    inputRef,
    /* eslint-disable no-unused-vars */