phpsmarter

#%RAML 1.0
title: Booking Service
version: v1
baseUri: /

types:
  Booking:
    properties:
      city: string
      cinema: string

phpsmarter

dashboard "Food":
  - h1 text: Food
  - h2 text: By caloric content
  - 3 columns:
    - rows:
      - h3 text: Bananas
      - pie chart: {
          "columns": [
            ["Protein", 5], ["Sugar", 10], ["Other carbs", 40], ["Fat", 1]
          ]

phpsmarter

const Rx = require('rx');                                                                                                               
const R  = require('ramda');

const seq = Rx.Observable.range(1, 10);

const isEven = (x) => x % 2 === 0;
const add1   = (x) => x + 1;

const transducer = R.compose(
  R.map(add1),

phpsmarter

/*
*   Requires Node 8+
*   Works in chrome, simply copy and paste into console.
*/

const R = require('ramda');
const compose =
	(...funcs) =>
	(...args) =>
	funcs.reduceRight(async (a, f) => {

phpsmarter

import 'mocha';
import {expect} from 'chai';

import 'isomorphic-fetch';
import ApolloClient from 'apollo-client';
import gql from 'graphql-tag';
import {print} from 'graphql-tag/bundledPrinter';

describe('some test', () => {
  it('should pass', () => {

phpsmarter

```
const { Component } = React;
const { mapProps } = Recompose;

const User = ({ name, status }) =>
  <div className="User">{ name }—{ status }</div>;

const UserList = ({ users, status }) =>
  <div className="UserList">
    <h3>{ status } users</h3>

phpsmarter

import React, { Component } from 'react';
import { graphql } from 'react-apollo';
import { MatchSummary, NoDataSummary } from '@mls-digital/react-components';
import MatchSummaryQuery from './match-summary.graphql';

const mapResultsToProps = ({ data }) => {
  if (!data.match)
    return {
      loading: data.loading,
    };

phpsmarter

import { get } from 'lodash';
import { withRouter } from 'react-router';
import { graphql } from 'react-apollo';
import { compose, mapProps } from 'recompose';
import jobListQuery from './jobList.graphql';

function SomeBaseComponent() {
  {/*... some component...*/}
}

phpsmarter

import React from 'react';
import { withState, pure, branch, renderComponent, compose } from 'recompose';
import { gql, graphql } from 'react-apollo';

// Define a very basic loading state component - you could make this
// a nice animation or something
const Loading = () => (
  <div>Loading</div>
);

phpsmarter

const _ = require('lodash')
const { Lokka } = require('lokka')
const { Transport } = require('lokka-transport-http')
const debug = require('debug')('Transport')

const client = new Lokka({
  transport: new Transport('https://api.graph.cool/simple/v1/graphcoolendpoint')
})