GarthDB

const path = require('path');
const fs = require('fs');
const yaml = require('js-yaml');

const order = [
  'id',
  'name',
  'dnaStatus',
  'status',
  'ignoreDNA',

GarthDB

# Run  npm install --dev [email protected]  to resolve 3 vulnerabilities
SEMVER WARNING: Recommended action is a potentially breaking change
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Regular Expression Denial of Service                         │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ minimatch                                                    │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ mocha [dev]                                                  │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ mocha > glob > minimatch                                     │

GarthDB

import test from 'ava';

class Basic {
  constructor(str) {
    this.str = str;
  }
}

test('should match object and typed object', t => {
  const basic = new Basic('tada');

GarthDB

import React from 'react';
import Filler from 'filler';

const cssClassName = Filler.className('topcoat-button');

export default class Button extends React.Component {
  render() {
    return <button className={cssClassName}>Button</button>;
  }
}

GarthDB

all:
  - regex: "((?:\w|-)*)":\s?\S*\n?
    replace: "$1 "
    description: list of npm dependencies from package json into npm install command

GarthDB

.filters {
  background: #2c3e50;
  height: 80px;
  box-sizing: border-box;
  color: #ecf0f1;
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
  padding: 32px 35px 0;
  width: calc(100% + 20px);
  font-weight: 700;
  border: 0;

GarthDB

.filters

When styling an app it is best if we start with semantic, uncluttered markup.

This isn't just an idealistic approach, it has real tangible benefits:

• The code is descriptive which makes it easier to maintain
• It also makes it easier to predict how browser or user stylesheets might interact
• Often times it makes it easier to style
• If for some reason the stylesheet fails to load, things still make sense

GarthDB

import { connect } from 'react-redux'
import React from 'react'

const mapStateToProps = (state) => {
  return { entries: state.entries }
}

const BGEntry = ({
  entries
}) => (

GarthDB

Object {
  history:
   Object {
     listenBefore: [Function: listenBefore],
     listen: [Function: listen],
     transitionTo: [Function: transitionTo],
     pushState: [Function: pushState],
     replaceState: [Function: replaceState],
     push: [Function: push],
     replace: [Function: replace],

GarthDB

source 'https://rubygems.org'
gem 'github-pages'

# Test the build
group :test do
  gem 'rake'
  gem 'html-proofer'
end