Eric Casthart pushred

Folder Structure

Please note

While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.

Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.

layout

default

title

SQL Style Guide

description

A guide to writing clean, clear, and consistent SQL.

Purpose

Serverless plugin author's cheat sheet

This cheat sheet provides a detailed overview of the exposed lifecycle events and available commands (and entrypoints) of the Serverless framework, that can be hooked by plugins (internal and external ones). The document is structured by the commands invoked by the user.

Lifecycle events are shown as the globally available outer events (all providers) and sub lifecycle events that are provider specific in the called order. Currently only the AWS provider is shown. If you have information about the other provider,

	var NO_OP = function(){};

	var domready = require('domready');
	var sizzle = require('sizzle');
	var elClass = require('element-class');
	var jsonp = require('jsonp');
	var xhr = require('xhr');

	var Modular = function( config ){
	this.url = config.url;

	# Hello, and welcome to makefile basics.
	#
	# You will learn why `make` is so great, and why, despite its "weird" syntax,
	# it is actually a highly expressive, efficient, and powerful way to build
	# programs.
	#
	# Once you're done here, go to
	# http://www.gnu.org/software/make/manual/make.html
	# to learn SOOOO much more.

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	var RecursiveChildComponent = React.createClass({
	render() {
	return <div>
	{this.recursiveCloneChildren(this.props.children)}
	</div>
	},
	recursiveCloneChildren(children) {
	return React.Children.map(children, child => {
	if(!_.isObject(child)) return child;
	var childProps = {someNew: "propToAdd"};

	Adding Hidden Agendas
	Adjusting Bell Curves
	Aesthesizing Industrial Areas
	Aligning Covariance Matrices
	Applying Feng Shui Shaders
	Applying Theatre Soda Layer
	Asserting Packed Exemplars
	Attempting to Lock Back-Buffer
	Binding Sapling Root System
	Breeding Fauna

	var items = input.your_string_array.split("\n\n").map(function(i){
	var _i = {};
	i.split("\n").forEach(function(kv){
	kv = kv.split(':');
	_i[kv[0].trim()] = kv[1].trim();
	});
	return _i;
	});