mattiaerre

import { useState } from 'react';

// credit: https://usehooks.com/useLocalStorage/
function useLocalStorage(key, initialValue) {
  const [storedValue, setStoredValue] = useState(() => {
    try {
      const item = window.localStorage.getItem(key);
      return item ? JSON.parse(item) : initialValue;
    } catch (error) {
      console.log(error);

mattiaerre

async function asyncForEach(array, callback) {
  for (let index = 0; index < array.length; index += 1) {
    // eslint-disable-next-line no-await-in-loop
    await callback(array[index], index, array);
  }
}

// credit to https://codeburst.io/javascript-async-await-with-foreach-b6ba62bbf404

mattiaerre

How to test it in an Express app

app.get('/playground', handler);

200

http://localhost:9000/playground

mattiaerre

import fetch from 'node-fetch';

function makeMenusClient(context) {
  return {
    getMenus: async rid =>
      fetch(`${context.menusBaseUrl}/${rid}`)
        .then(response => response.json())
        .then(json => json)
  };
}

mattiaerre

{
  "type": "ForStatement",
  "initExpression": {
    "type": "VariableDeclarationStatement",
    "variables": [
      {
        "type": "VariableDeclaration",
        "typeName": {
          "type": "ElementaryTypeName",
          "name": "uint",

mattiaerre

{
  "singleQuote": true,
  "trailingComma": "none"
}

mattiaerre

(() => {
  const script = document.createElement('script');
  script.type = 'application/javascript';
  script.src = '//s3.amazonaws.com/oc-registry-dc/components/oc-client/0.40.7/src/oc-client.min.js';
  script.onload = () => {
    const html = window.oc.build({
      baseUrl: '//oc.registry.dc',
      name: 'oc-superman',
      version: '1.0.0',
      parameters: {

mattiaerre

((oc, $) => {
  // see: https://github.com/opentable/oc/wiki/Browser-client#ocbuild-options
  const html = oc.build({
    baseUrl: 'http://localhost:3030',
    name: 'pi-baltimore-special-offers-promo-banners',
    version: '1.X.X',
    parameters: {
      banner: 'purple-pasta'
    }
  });

mattiaerre

/* info: the original "start" from CRA has been renamed to dev and a new "start" that points to server.js has been added */
{
  "scripts": {
    "start": "node server.js",
    "dev": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

mattiaerre

pre-release

-alpha.1

-alpha.2

-beta.1

-beta.2