bitttttten

image: my/nodejs-dockerfile

stages:
  - test
  - build
  - deploy

before_script:
  - ln -s /node_modules node_modules
  - npm set progress=false

bitttttten

concurrent = 1
check_interval = 0

[[runners]]
  name = "secret"
  url = "secret"
  token = "secret"
  executor = "docker"
  environment = ["NODE_ENV=development"]
  [runners.ssh]

bitttttten

const webpack = require('webpack')

const HtmlWebpackPlugin = require('html-webpack-plugin')

const loaders = require('./loaders.js')

module.exports = {
  bail: true,
  target: 'web',
  entry: './app/client.js',

bitttttten

const webpack = require('webpack');

const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')

const loaders = require('./loaders.js')

module.exports = {
  entry: [
    require.resolve('webpack-dev-server/client') + '?/',

bitttttten

module.exports = [
  {
    test: /\.jsx?$/,
    loader: 'babel',
  },
  {
    test: /\.css$/,
    loader: 'style-loader!css-loader',
  },
  {

bitttttten

const App = observer(({ store }) => {

    const { authenticated } = store 
    if (!authenticated ) {
        return <Login
          doLogin={store.login}
          postLogin={store.showHomepage}
        />
    }

bitttttten

image: node:7.7.1

stages:
  - test

before_script:
  - npm set progress=false
  - npm install > npm-install.log 2>&1

transaction testing:

bitttttten

import { useEffect, useRef, useState } from 'react';

export default function AjaxToggle() {
  const [checked, setChecked] = useState(false);
  const firstRender = useRef(true);

  function syncWithServer(checked) {
    // ...
  }

bitttttten

# CSS-in-JS

## Avoid facepaint, just use object syntax.

{
  color: `blue`,
  [mq.large]: {
    color: `red`,
  },
}

bitttttten

SPOTIFY_CLIENT_ID=xxxxxxxxxxxxxxxxxxxxxxxx
SPOTIFY_CLIENT_SECRET=xxxxxxxxxxxxxxxxxxxxxxxxxx
SPOTIFY_REFRESH_TOKEN=aaaaaaaaaaaaaaaa-bbbbbbbbbbbbbbbb-cccccccccccccccc-dddddddddddddddd-eeeeeeeeeeeeeeee