hedleysmith

// $(document).ready() replacement.
function ready(fn) {
  if (document.readyState != 'loading'){
    fn();
  } else {
    document.addEventListener('DOMContentLoaded', fn);
  }
}

// Randomise a set of items with the following structure:

hedleysmith

// $(document).ready() replacement.
function ready(fn) {
  if (document.readyState != 'loading'){
    fn();
  } else {
    document.addEventListener('DOMContentLoaded', fn);
  }
}

// Get UTM params from URL to pass to Mailchimp. Store in localStorage so they follow the user around the site.

hedleysmith

Structuring a Component Driven Frontend Application Using Spaces

This structure should work well for small and medium size web applications or more document-focused websites. It provides a balance between co-location of component files and separation of components by function.

A 'layered' approach can be used when starting a build using this structure, starting with base styling, a few reusable components and some of your favourite utilities then building each space up.

The aim of this structure is to keep it obvious as to where things go, be able to define areas of ownership and importance and to keep things out of your way when working in a space. This structure scales well to many hundreds of components and works well with a single team workig on a frontend project.

In general, everything should be viewed as some type of encapsulated and independent component.

hedleysmith

# First, install the Amazon AWS CLI https://aws.amazon.com/cli/

# Then, add the following crontab by running `crontab -e` - this will backup file.ext every hour.
0 * * * * /usr/local/bin/aws s3 cp /path/to/back/file.ext s3://bucket-name/file.$(date +\%Y\%m\%d\%H\%M\%S).ext > /dev/null

hedleysmith

/*
 * Client-side HTTP requests three ways, using ES6 syntax.
 * 1. jQuery.ajax()
 * 2. Superagent
 * 3. Fetch API
 * 4. Bonus helper
 */ 

// 1. jQuery.ajax()
// http://api.jquery.com/jquery.ajax/

hedleysmith

React.js Examples & Boilerplates

A curated list of non-trivial boilerplates, starter kits and examples of React.js based apps.

• stipsan/epic - Realtime React based two-player game! Inspired by the good old "Battleship" by Hasbro. Tech stack includes Redux, SocketCluster, Heroku, Redis and more! ♻️ ✅
• iam4x/isomorphic-flux-boilerplate - ES7 Isomorphic Flux/ReactJS Boilerplate. ♻️ 📋 ✅
• este/este - Starter kit for full–fledged React apps. One stack for browser, mobile, server. 🌍 📋
• reactjs/redux/examples/universal
• erikras/react-redux-universal-hot-example - A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-trans

hedleysmith

#! /bin/bash

sudo apt-get update
sudo apt-get install g++ make binutils autoconf automake autotools-dev libtool pkg-config zlib1g-dev libcunit1-dev libssl-dev libxml2-dev libev-dev libevent-dev -y
git clone https://github.com/nghttp2/nghttp2.git && cd nghttp2
autoreconf -i
automake
autoconf
./configure --enable-apps
make

hedleysmith

Remove unused and dangling docker images

docker rmi $(docker images -a -q)

hedleysmith

const configureAnvil = function() {
  return anvil.discover()
  .then(function (configuration) {
    return anvil.getJWKs();
  },
  function(err) {
    console.log(err);
  })
  .then(function (jwks) {
    // To redirect to the registration page instead of signup page use this:

hedleysmith

# Backend API service example, uses nodemon to keep server alive and watch for changes.
backendapi:
  # Tells docker-compose where ./backendapi/Dockerfile is
  build: ./backendapi
  # Allows live editing of ./backendapi/app
  volumes:
    - ./backendapi/app:/app
  # Launch Nodemon, using 
  # -L legacy file watching for compatibility with boot2docker / docker-machine. 
  # --watch defined to avoid watching the whole container and causing high CPU usage