jmacqueen

#!/bin/bash

case $1 in
help)
  echo 'usage: dyncount <table> <column> <"="|"<>"|"<"|"<="|">"|">="> <type> <value>';
  echo 'example: ./dyncount user firstName "=" S Gary';
  echo '';
  echo 'usage: dyncount <table> <column> <attribute_exists|attribute_not_exists>';
  echo 'example: ./dyncount user firstName attribute_exists';
  echo '';

jmacqueen

zookeeper:
  image: wurstmeister/zookeeper:3.4.6
  ports:
    - "2181:2181"
kafka:
  image: ches/kafka:0.9.0.1
  ports:
    - "9092:9092"
  links:
    - zookeeper

jmacqueen

// app/instance-initializers/application.js
import appInst from 'appName/utils/application'
export function initialize( appInstance ) {
  appInst.instance = appInstance
}

export default {
  name: 'application',
  initialize
};

jmacqueen

function tryWithRefresh(funcs, catchFunc){
  const outerPromises = funcs.map( fn => typeof fn === 'function' ? fn() : fn )
  return Promise.all(outerPromises)
  .catch( (err) => {
    if (err.status !== 401) { console.log(err); return; }
    authService.refreshToken()
    .then( () => {
      console.log('refresh success')
      const innerPromises = funcs.map( fn => typeof fn === 'function' ? fn() : fn )
      Promise.all(innerPromises)

jmacqueen

jest.mock('@echo360/ui-lib', () => {
  const module = jest.genMockFromModule('@echo360/ui-lib')
  module.Button = 'Button'
  module.SelectSingle = 'SelectSingle'
  module.TextInput = 'TextInput'
  return module
 })

jmacqueen

The Task

Given the HTML markup:

<button class="checkout-btn">
  checkout
</button>

Without changing the HTML, make the button look reasonably similar to the screenshot below. It doesn't have to have pixel-perfect measurements. Feel free to use Google. Try not to spend more than an hour on it. The colors used are: lightsteelblue, steelblue, white and darkslategray and the font is whatever sans-serif floats your boat.

jmacqueen

The Task

Implement a React component that will receive an array of options:

  [
    { label: 'Label 1', value: 1 },
    { label: 'Label 2', value: 2 },
    { label: 'Label 3', value: 3 },
    { label: 'Label 4', value: 4 }
 ]

jmacqueen

import React, { Component } from 'react';

import FruitContext from './FruitContext';
import FruityComponent from './FruityComponent';

export class App extends Component {
  state = {
    fruit: 'apple',
  }

jmacqueen

mockData = [1,2,3]
const getSlowThing = async () => {
  await new Promise(resolve => setTimeout(resolve, 3000))
  return Promise.resolve(mockData)
}

jmacqueen

query = window.location.search
            .replace('?','')
            .split('&')
            .reduce((obj, item) => {
                const pair = item.split('=')
                obj[pair[0]] = pair[1]
                return obj
            }, {})