yyyyaaa

Web fonts are pretty much all the rage. Using a CDN for font libraries, like TypeKit or Google Fonts, will be a great solution for many projects. For others, this is not an option. Especially when you are creating a custom icon library for your project.

Rails and the asset pipeline are great tools, but Rails has yet to get caught up in the custom web font craze.

As with all things Rails, there is more then one way to skin this cat. There is the recommended way, and then there are the other ways.

The recommended way

Here I will show how to update your Rails project so that you can use the asset pipeline appropriately and resource your files using the common Rails convention.

yyyyaaa

const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const extractSass = ExtractTextPlugin({
    filename: "[name].[contenthash].css",
    disable: process.env.NODE_ENV === "development"
});

module.exports = {
    entry: '/assets/main.js',

yyyyaaa

means:

• - when before Type
• - when after Type

- A map thunk is a function that returns the map type GraphQLFieldConfigMapThunk = () => GraphQLFieldConfigMap

##################################### type GraphQLSchemaConfig = { query: GraphQLObjectType;

yyyyaaa

import _ from 'lodash';

const createResolver = (resolver) => {
  const baseResolver = resolver;
  baseResolver.createResolver = (childResolver) => {
    const newResolver = async (parent, args, context) => {
      await resolver(parent, args, context);
      return childResolver(parent, args, context);
    }
    return createResolver(newResolver);

yyyyaaa

import bcrypt from 'bcrypt';
import jwt from 'jsonwebtoken';
import _ from 'lodash';

import { 
  requiresAuth, 
  requiresAdmin,
  ensuresSameUser,
} from '../permissions';

yyyyaaa

openssl rsa -in ~/.ssh/id_rsa -outform pem > id_rsa.pem
chmod 700 id_rsa.pem

yyyyaaa

Installing Postgres via Brew

Pre-Reqs

Brew Package Manager

In your command-line run the following commands:

1. brew doctor
2. brew update

yyyyaaa

import Emitter from 'wildemitter'
import { isFunction } from 'lodash'

const EVENTS = {
  register: '@modals/REGISTER',
  show: '@modals/SHOW',
  hide: '@modals/HIDE',
  destroy: '@modals/DESTROY'
}

yyyyaaa

function prefetch(getKey, getValue, getInitialValue, propName) {
  const inFlight = new Set();
  const cache = new Map();
  return ChildComponent => {
    return class extends React.Component {
      state = {value: getInitialValue(this.props)};
      componentWillReceiveProps(nextProps) {
        const key = getKey(nextProps);
        if (cache.has(key)) {
          // Use cached value

yyyyaaa

<Breadcrumbs
  separator='/'
  steps={[
    { label: 'Page A', link: 'path/to/a' },
    { label: 'Page B', link: 'path/to/b' }
  ]}
  current='path/to/b'
/>