Sebastian Herrmann herrherrmann

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

Work in progress!

A little while ago I started using Typescript with the Angular 1.5 app I'm working on, to help ease the migration path to Angular 2. Here's how I did it. We'll go example by example through migrating real world code living in a large, mostly non-Typescript codebase.

Let's start with a few of the basic angular building blocks, then we'll go through some of the higher level patterns we derived.

Filters

Javascript

lodash v4.17.20

Below is the list of modern JS frameworks and almost frameworks – React, Vue, Angular, Ember and others.

All files were downloaded from https://cdnjs.com and named accordingly. Output from ls command is stripped out (irrelevant stuff)

As-is (minified)

$ ls -lhS
566K Jan 4 22:03 angular2.min.js

	// debug config for running project under vscode debugger
	{
	"version": "0.2.0",
	"configurations": [
	{
	"trace": true,
	"name": "Chrome Debug",
	"type": "chrome",
	"request": "launch",
	"url": "http://localhost:8000/",

	<!-- Include stylesheet -->
	<link href="https://cdn.quilljs.com/1.1.7/quill.snow.css" rel="stylesheet">
	<style>
	.ql-snow {
	width: 550px;
	}
	</style>
	<!-- Create the editor container -->
	<div id="LongDescriptionShadow" style="height:200px; width:550px"></div>

	// check version
	node -v \|\| node --version

	// list locally installed versions of node
	nvm ls

	// list remove available versions of node
	nvm ls-remote

	// install specific version of node

	- QuicksandBook
	- QuicksandLight
	- BLOKK
	- Lobster
	- DroidSerif
	- PT Sans
	- Freight Sans Pro
	- Lane
	- Source Sans Pro
	- Robotolight

	#!/usr/bin/env ruby
	# make sure you the watir gem installed -> gem install watir
	require 'watir'
	def log (message) puts " #{message}" end
	def success (message) puts "+ #{message}" end
	def fail (message) puts "- #{message}" end
	def notify (message)
	success message.upcase
	system 'osascript -e \'Display notification Burgerbot with title "%s"\'' % message
	rescue StandardError => e

	{
	"presets": ["es2015"],
	"plugins": ["transform-async-to-generator"]
	}