joshdcomp

import React, { Component } from 'react';

// _icon is my namespacing choice for glyphs--it could easily be set 
// as an env variable
export default class Icon extends Component {
  fullName(href='') {
    return `#${href}_icon-${this.props.glyph}`;
  }
  
  render() {

joshdcomp

import React, { Component } from 'react';
export default class Icon extends Component {
  fullName(href='') {
    return `#${href}_icon-${this.props.glyph}`;
  }
  
  render() {
    const { glyph } = this.props;
    let wrapperClasses = [
      '_icon',

joshdcomp

import React, { Component } from 'react';
import Icon from 'utils/icon';

export default class Footer extends Component {
  render() {
    return (
      <footer className="footer">
        <ul className="footer--social_link_list">
          <li className="footer--social_link_item">
            <a className="footer--social_link">

joshdcomp

• https://css-tricks.com/using-svg/
• https://lincolnloop.com/blog/svg-sprites-and-icon-systems-are-super/
• https://css-tricks.com/svg-sprites-use-better-icon-fonts/
• https://css-tricks.com/icon-fonts-vs-svg/
• https://24ways.org/2014/an-overview-of-svg-sprite-creation-techniques/
• https://css-tricks.com/creating-svg-icon-system-react/
• Deprecated, but a differing opinion: https://css-tricks.com/creating-svg-icon-system-react/
• https://cloudfour.com/thinks/seriously-dont-use-icon-fonts/
• http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/
• https://speakerdeck.com/ninjanails/death-to-icon-fonts

joshdcomp

http://taye.me/blog/svg/a-guide-to-svg-use-elements/

https://css-tricks.com/gotchas-on-getting-svg-into-production/#article-header-id-11

http://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/

http://wearejh.com/design/inline-svg-use-element/

http://osvaldas.info/caching-svg-sprite-in-localstorage

joshdcomp

<?php
/**
 * Sets up theme-wide options
 *
 * @since _geekery_ 1.0
 */
use Carbon_Fields\Container;
use Carbon_Fields\Field;

Container::make('theme_options', 'Geekery settings')

joshdcomp

export const actionTypes = [
  'ACTION_NAME',
].reduce((actions, action) => {
  actions[action] = action;
  return actions
}, {});
//will output { ACTION_NAME: 'ACTION_NAME' }

joshdcomp

export const actionTypes = [
  'ACTION_NAME',
].reduce((actions, action) => {
  actions[action] = action;
  return actions
}, {});
//will output { ACTION_NAME: 'ACTION_NAME' }

joshdcomp

Did you know guys can be seen as exclusive language? Consider $generNeutralTerm instead. $articleLink Come to #guybot-discussions for more information

joshdcomp

{
  "name": "nm-engineering-tech-blog",
  "main": "src/server/server.js",
  "engines": {
    "node": "^8.9.1"
  },
  "scripts": {
    "start": "...",
    "dev": "rimraf ./dist && yarn build:copy && export NODE_ENV=dev && ./node_modules/.bin/nodemon --exec 'yarn server'",
    "server": "...",