kareemkibue

Conventional Commit Messages

See how a minor change to your commit message style can make a difference.

git commit -m"<type>(<optional scope>): <description>" \
  -m"<optional body>" \
  -m"<optional footer>"

Launch Sublime Merge from the command line on OSX

Sublime Merge includes a command line tool, smerge, to work with git, subversion, mercurial projects on the command line. This can be used to open projects in Sublime Merge using the command line.

Requirements

Sublime Merge installed in your system within Applications folder

Setup

React + Typescript Cheatsheet

Setup

If you use atom... download & install the following packages:

What are Typescript type definition files? (*.d.ts)

Comparison of ASP.NET and Node.js for Backend Programming

We will compare ASP.NET and Node.js for backend programming.
Source codes from examples.

Updates

This document was published on 21.09.2015 for a freelance employer. Some changes since then (14.02.2016):

Koa.js no longer uses co-routines, it has switched to Babel's async/await. yield and await are used almost in the same way, so I see no point to rewrite the examples.

	axios({
	url: 'http://localhost:5000/static/example.pdf',
	method: 'GET',
	responseType: 'blob', // important
	}).then((response) => {
	const url = window.URL.createObjectURL(new Blob([response.data]));
	const link = document.createElement('a');
	link.href = url;
	link.setAttribute('download', 'file.pdf');
	document.body.appendChild(link);

	import React, { Component } from 'react';

	import TextField from 'components/base/TextField';

	const WAIT_INTERVAL = 1000;
	const ENTER_KEY = 13;

	export default class TextSearch extends Component {
	constructor(props) {
	super();

	<!-- $locationProvider.html5Mode(true) in app.js and <base href="/"> in head tag -->

	<system.webServer>
	<rewrite>
	<rules>
	<rule name="AngularJS" stopProcessing="true">
	<match url=".*" />
	<conditions logicalGrouping="MatchAll">
	<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
	<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />

	@mixin selection {
	::-moz-selection { @content; }
	::selection { @content; }
	}

	/use this mixin/

	@include selection {
	/* STYLES e.g */
	color: #fff; /better to store colors as variables such as $base-color:#fff /

	@mixin placeholder{
	::-webkit-input-placeholder{ @content; }
	:-moz-placeholder{ @content; }
	::-moz-placeholder{ @content; }
	:-ms-input-placeholder{ @content; }
	}

	/use this mixin/

	@include placeholder{

	var easing = {
	linear : function (t){
	return t;
	},
	easeInQuad: function (t) {
	return t*t;
	},
	easeOutQuad: function (t) {
	return -1 t(t-2);
	},