iRoachie

Gist

This is a quick tutorial explaining how to get a static website hosted on Heroku.

Why do this?

Heroku hosts apps on the internet, not static websites. To get it to run your static portfolio, personal blog, etc., you need to trick Heroku into thinking your website is a PHP app. This 6-step tutorial will teach you how.

Basic Assumptions

iRoachie

Combining streams to handle errors

By default, emitting an error on a stream will cause it to be thrown unless it already has a listener attached to the error event. This gets a bit tricky when you're working with longer pipelines of streams.

By using stream-combiner2 you can turn a series of streams into a single stream, meaning you only need to listen to the error event in one place in your code.

Here's an example of using it in a gulpfile:

var combiner = require('stream-combiner2');

iRoachie

<?php
/**
* WordPress Query Comprehensive Reference
* Compiled by luetkemj - luetkemj.com
*
* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query
* Source: http://core.trac.wordpress.org/browser/tags/3.3.1/wp-includes/query.php
*/
 
$args = array( 

iRoachie

@import 'vars';

@mixin element($element) {
  &__#{$element} {
    @content;
  }
}

@mixin modifier($element) {
  &--#{$element} {

iRoachie

<?php 
function new_subcategory_hierarchy() {  
    $category = get_queried_object();

$parent_id = $category->category_parent;

$templates = array();

if ( $parent_id == 0 ) {
    // Use default values from get_category_template()

iRoachie

Even, Odd Numbers

A Pen by Kyle Roach on CodePen.

License.

iRoachie

	"React Native Functional Component": {
		"prefix": "tsf",
		"body": [
			"import React from 'react'",
			"import {",
			"  View,",
			"  Text,",
			"  StyleSheet,",
			"  ViewStyle,",
			"  TextStyle",

iRoachie

class MeoMeo extends React.Component {
  shouldComponentUpdate() {
    return false
  }
  
  render() {
    return this.props.type === 1 ? <Container1 /> : <Container2 />
  }
}

iRoachie

import React, { Component } from 'react'
import BottomNavigation, { Tab } from 'react-native-material-bottom-navigation'
import Icon from 'react-native-vector-icons/MaterialIcons'

class MyComponent extends Component {
  this.state = {
     activeIndex: 0
  }

  render() {

iRoachie

const wrap = (BaseComponent: any, navigatorStyle: NavigatorStyle = {}, navigatorButtons: {} = {}) =>
  class WrappedComponent extends React.Component<any, any> {
    static navigatorStyle = navigatorStyle
    static navigatorButtons = navigatorButtons

    render() {
      return (
        <ThemeProvider uiTheme={uiTheme}>
          <BaseComponent {...this.props}/>
        </ThemeProvider>