slightlytyler

/console farclip 4000

/console weatherdensity 3

/console violencelevel 5

# This one is more preference
/console ffxglow 0

slightlytyler

// Basic branch
const Branch = props => {
  if (props.condition) return props.renderLeft();
  return props.renderRight();
};

Branch.defaultProps = { 
  renderRight: () => null,
};

slightlytyler

Common	Features	Scenes
Low level	Mid level	High level
No domain	Single domain	Cross domain
Technical division	Logical division	No division
General	Specialized	Unique

Example structure

slightlytyler

{
  users: {
    objects: {
      alpha: {
        loading: false,
        error: null,
        data: { id: 'alpha', ... },
      },
      beta: { ... },
      gamma: { ... }

slightlytyler

# Default env vars
API_URL?=
ARGS?=
PORT?=3000

GIT_SHA=$(shell git rev-parse HEAD)
TAG=slightlytyler/docker-ui-demo
TAG_DEV=slightlytyler/docker-ui-demo-dev
VOLUME_MOUNTS=-v $(PWD)/src:/usr/app/src \
	       -v $(PWD)/package.json:/usr/app/package.json \

slightlytyler

# Default env vars
API_URL?=
ARGS?=
PORT?=3000

GIT_SHA=$(shell git rev-parse HEAD)
TAG=slightlytyler/docker-ui-demo
TAG_DEV=slightlytyler/docker-ui-demo-dev
VOLUME_MOUNTS=-v $(PWD)/src:/usr/app/src \
	       -v $(PWD)/package.json:/usr/app/package.json \

slightlytyler

# Default env vars
API_URL?=
ARGS?=
PORT?=3000

GIT_SHA=$(shell git rev-parse HEAD)
TAG=slightlytyler/docker-ui-demo
TAG_DEV=slightlytyler/docker-ui-demo-dev
VOLUME_MOUNTS=-v $(PWD)/src:/usr/app/src

slightlytyler

# Default env vars
API_URL?=
PORT?=3000

GIT_SHA=$(shell git rev-parse HEAD)
TAG=slightlytyler/docker-ui-demo
TAG_DEV=slightlytyler/docker-ui-demo-dev
VOLUME_MOUNTS=-v $(PWD)/src:/usr/app/src

all: build

slightlytyler

FROM node:11.1.0-alpine AS node_base

FROM node_base as deps
WORKDIR /usr/app
COPY package.json /usr/app/package.json
COPY yarn.lock /usr/app/yarn.lock
RUN yarn install

FROM node_base as dev
WORKDIR /usr/app

slightlytyler

FROM socialengine/nginx-spa
COPY --from=slightlytyler/docker-ui-demo /usr/app /app