Aleksey Filippov happygrizzly

Handy helpers for controlling visibility of elements until Vue has compiled.

Use like:

<div v-cloak>
  <h1>
    <span class="v-cloak--inline">Loading...</span> <!-- Only displayed before compiling -->
    <span class="v-cloak--hidden">{{ post.title }}</span> <!-- Hidden until compiling is finished -->

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.

	using System;
	using System.Diagnostics;
	using System.Text;
	using System.Threading.Tasks;

	public static class ProcessAsyncHelper
	{
	public static async Task<ProcessResult> ExecuteShellCommand(string command, string arguments, int timeout)
	{
	var result = new ProcessResult();

	from django import template

	register = template.Library()

	@register.simple_tag(takes_context=True)
	def query_transform(context, **kwargs):
	'''
	Returns the URL-encoded querystring for the current page,
	updating the params with the key/value pairs passed to the tag.

	import { format } from 'url';
	import { STATUS_CODES } from 'http';
	import uppercamelcase from 'uppercamelcase';

	class HTTPError extends Error {
	constructor(code, message, extras) {
	super(message \|\| STATUS_CODES[code]);
	if (arguments.length >= 3 && extras) {
	Object.assign(this, extras);
	}

	<?xml version="1.0" encoding="utf-8"?>
	<!--
	This configuration file is required if iisnode is used to run node processes behind
	IIS or IIS Express. For more information, visit:

	https://github.com/tjanczuk/iisnode/blob/master/src/samples/configuration/web.config
	-->

	<configuration>
	<system.webServer>

	<!DOCTYPE HTML>
	<html lang="en" ng-app="myApp">
	<head>
	<meta charset="utf-8">
	<title>Dynamic Pagination w/ Filtering</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="Kim Maida">

	<!-- JS Libraries -->

	if (!document.getElementById('printFrame').contentWindow.document.execCommand('print', false, null)) {
	document.getElementById('printFrame').contentWindow.focus();
	document.getElementById('printFrame').contentWindow.print();
	}

	/**
	* Usage
	*
	* <ng-prism class="language-css">
	* body {
	* color: red;
	* }
	* </ng-prism>
	*
	* the files prismjs and prism css must be included in HTML, use class "language-XXX" to specify language

	myApp.directive('blurOnEnter', function(){
	return {
	link: function (scope, element, attrs) {
	element.bind("keypress", function (event) {
	if(event.which === 13) {
	element.blur();
	event.preventDefault();
	}
	});
	}