Skip to content

Instantly share code, notes, and snippets.

View joeyfigaro's full-sized avatar
🦀
Becoming a Rustacean

Joey Figaro joeyfigaro

🦀
Becoming a Rustacean
View GitHub Profile
@joeyfigaro
joeyfigaro / new.html.erb
Created June 21, 2016 15:50
global icon helper
<% content_for :navigation do %>
<%= render "shared/primary_nav", locals: {} %>
<% end %>
<% content_for :market_countdown do %>
<%= render "shared/market_countdown", locals: { visibility_class: 'visible'} %>
<% end %>
<div id="market-order"></div>
@joeyfigaro
joeyfigaro / _mixin_verticalLoop.scss
Created July 26, 2016 14:53 — forked from jathayde/_mixin_verticalLoop.scss
A SCSS loop to combine verticals (product offerings) with icons and color backgrounds.
@mixin verticalLoop($vertical) {
$vertical-image-path: "#{$image-path-content}/icons/verticals/";
@each $color in color-black, color-white, color-honeycomb, color-clementine,
color-slushie, color-frosting, color-aloe, color-berry, color-wasabi,
color-grape, color-spice, color-wine, color-whale, color-honeycombLight,
color-clementineLight, color-slushieLight, color-frostingLight,
color-teaLight, color-berryLight, color-grapeLight, color-grayLightest,
color-grayLighter, color-grayLight, color-gray, color-grayDark,
color-grayDarker, color-grayDarkest {
&.vertical-icon {
@joeyfigaro
joeyfigaro / ava-errors.md
Created September 6, 2016 16:56
AVA testing issue regarding dependency in node_modules

Error after running tests:

/<ProjectRepository>/node_modules/react-ga/src/index.js:51
          m = s.getElementsByTagName(o)[0];
                ^
TypeError: s.getElementsByTagName is not a function

Configuration from package.json:

@joeyfigaro
joeyfigaro / api-middleware-in-use.js
Last active September 17, 2016 23:32
Example of using redux API middleware
export const authenticate = (credentials) => ({
type: 'CALL_API',
[CALL_API]: {
types: [AUTH_REQUEST, AUTH_SUCCESS, AUTH_FAILURE],
endpoint: 'auth/login',
method: 'POST',
data: credentials
}
});
import React, { Component } from 'react';
import { Search } from 'reactabular';
import EasyTable from 'reactabular-easy';
import { list } from 'react-immutable-proptypes';
class UserTable extends Component {
static propTypes = {
users: list
}
@joeyfigaro
joeyfigaro / gulp-reloader.js
Created January 25, 2017 23:11
Snippet for reloading gulp process when gulpfile.js is updated
//
// gulpfile.babel.js
//
import { spawn } from 'child_process';
function autoload() {
let process;
const spawnChildren = e => {
if (process) process.kill();
@joeyfigaro
joeyfigaro / dsl-abstraction-proposal.md
Last active March 27, 2017 14:55
Early DSL abstraction proposal for redux apps

Overview

Idea suggests that we contain language within a module, auto-generate plurals and any other pieces off of a singular base, and consume the pieces throughout our code.

constants/language.js

export const USER = {
	SINGULAR: 'account_holder',
	PLURAL: () => `${USER.SINGULAR}s`
};
@joeyfigaro
joeyfigaro / .hyper.js
Created April 2, 2017 00:39
Initial hyperjs config
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// font family with optional fallbacks
fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',
// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
@joeyfigaro
joeyfigaro / .hyper.js
Last active April 2, 2017 11:35
HyperJS Backup
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// font family with optional fallbacks
fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',
// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)
@joeyfigaro
joeyfigaro / configureStore.js
Last active June 16, 2017 14:26
Real World Ramda: Configuring Your Redux Store
// client/store/configureStore.js
import { createStore } from 'redux';
import { compose, when, equals } from 'ramda';
import enhancer from 'client/store/enhancers';
import rootReducer from 'client/reducers';
function configureStore(initialState) {
const store = createStore(rootReducer, initialState, enhancer);
const addStoreToObj = obj => (obj.store = store);