Jean-Baptiste Souvestre jbsouvestre

Story: Writing Scripts with Go

This is a story about how I tried to use Go for scripting. In this story, I’ll discuss the need for a Go script, how we would expect it to behave and the possible implementations; During the discussion I’ll deep dive to scripts, shells, and shebangs. Finally, we’ll discuss solutions that will make Go scripts work.

Why Go is good for scripting?

While python and bash are popular scripting languages, C, C++ and Java are not used for scripts at all, and some languages are somewhere in between.

Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.

My 3 developers team has just developed React.js application with 7668 lines of CSS (and just 2 !important). During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.

Here are main principles we use to write CSS for modern (IE11+) browsers:

SUIT CSS naming conventions + SUIT CSS design principles;
PostCSS + CSSNext. Future CSS syntax like variables, nesting, and autoprefixer are good enough;
Flexbox is awesome. No need for grid framework;
Normalize.css, base styles and variables are solid foundation for all components;

Installing Babel

The following are a few important npm packages.

Core Babel and access to Babel:

babel-core: the core compilation machinery and plugin infrastructure for Babel. You will rarely need to install this package, because other packages such as babel-cli have it as a dependency, meaning that it will be automatically installed when they are installed.
babel-cli: a command line interface to Babel. It includes the following commands:
babel-doctor detects common problems with your Babel installation.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent


	// when T is any\|unknown, Y is returned, otherwise N
	type IsAnyUnknown<T, Y, N> = unknown extends T ? Y : N;

	// when T is never, Y is returned, otherwise N
	type IsNever<T, Y = true, N = false> = [T] extends [never] ? Y : N;

	// when T is a tuple, Y is returned, otherwise N
	// valid tuples = [string], [string, boolean],
	// invalid tuples = [], string[], (string \| number)[]


	// No Security

	{
	"rules": {
	".read": true,
	".write": true
	}
	}

	###
	###
	### UPDATE: For Win 11, I recommend using this tool in place of this script:
	### https://christitus.com/windows-tool/
	### https://github.com/ChrisTitusTech/winutil
	### https://www.youtube.com/watch?v=6UQZ5oQg8XA
	### iwr -useb https://christitus.com/win \| iex
	###
	### OR take a look at
	### https://github.com/HotCakeX/Harden-Windows-Security

	#!/bin/sh
	# Run changed javascript files through jshint before commiting and prevent bad
	# code from being committed.
	# If you need to prevent newly added js from being checked because its in a
	# library like bower_components, add a .jshintignore file and list the directory
	# INSTALL: Add as a file in your repo as .git/hooks/pre-commit

	FILES=$(git diff --cached --name-only --diff-filter=ACM\| grep ".js$")
	if [ "$FILES" = "" ]; then
	exit 0

	(function(root, factory) {
	if (typeof define === 'function' && define.amd) {
	define(['backbone.marionette', 'backbone.radio', 'underscore'], factory);
	} else if (typeof exports !== 'undefined') {
	module.exports = factory(require('backbone.marionette'), require('backbone.radio'), require('underscore'));
	} else {
	factory(root.Backbone.Marionette, root.Backbone.Radio, root._);
	}
	}(this, function(Marionette, Radio, _) {
	'use strict';