vnglst

const api = {};
const ajv = new Ajv({
   coerceTypes: true,
   useDefaults: true,
   allErrors: true,
});


api.api = (schema, handler) => {
   const validator = ajv.compile(schema);

vnglst

'use strict'

const timeout = ms => new Promise(res => setTimeout(res, ms))

function convinceMe (convince) {
  let unixTime = Math.round(+new Date() / 1000)
  console.log(`Delay ${convince} at ${unixTime}`)
}

async function delay () {

vnglst

// The exact same test using async/await
describe('#getUser() using async/await', () => {
  it('should load user data', async () => {
    const data = await github.getUser('vnglst')
    expect(data).toBeDefined()
    expect(data.entity.name).toEqual('Koen van Gilst')
  })
})

vnglst

{
  "login": "vnglst",
  "id": 3457693,
  "avatar_url": "https://avatars.githubusercontent.com/u/3457693?v=3",
  "gravatar_id": "",
  "url": "https://api.github.com/users/vnglst",
  "html_url": "https://github.com/vnglst",
  "followers_url": "https://api.github.com/users/vnglst/followers",
  "following_url": "https://api.github.com/users/vnglst/following{/other_user}",
  "gists_url": "https://api.github.com/users/vnglst/gists{/gist_id}",

vnglst

/* eslint-env jest */

const github = require('../github')

// A simple example test
describe('#getUser() using Promises', () => {
  it('should load user data', () => {
    return github.getUser('vnglst')
    .then(data => {
      expect(data).toBeDefined()

vnglst

import request from './request'

const getUser = user => request(`https://api.github.com/users/${user}`)

export { getUser }

vnglst

const rest = require('rest')
const mime = require('rest/interceptor/mime')

export default rest.wrap(mime)

vnglst

import React, { Component } from 'react'
import './App.css'
import { getUser } from './api/github'

const renderLine = (user, key) => <li key={key}><b>{key}</b>: {user[key]}</li>

class App extends Component {
  constructor (props) {
    super(props)
    this.state = { user: {} }

vnglst

import React, { Component } from 'react';

// Returns an empty "loader" div if empty, 
// Return unchanged WrappedComponent if not empty
const LoaderHOC = (WrappedComponent) => {
  return class LoaderOC extends Component {
    render() {
      return (!this.props.question)
        ? <div className='loading'></div>
        : <WrappedComponent {...this.props} />

vnglst

// ....
import LoaderHOC from './LoaderHOC'
// ...

class ContactsApp extends Component {
  // ...
}

export default LoaderHOC(ContactsApp);