Harry Ng harryworld

Moving to ES6 from CoffeeScript

I fell in love with CoffeeScript a couple of years ago. Javascript has always seemed something of an interesting curiosity to me and I was happy to see the meteoric rise of Node.js, but coming from a background of Python I really preferred a cleaner syntax.

In any fast moving community it is inevitable that things will change, and so today we see a big shift toward ES6, the new version of Javascript. It incorporates a handful of the nicer features from CoffeeScript and is usable today through tools like Babel. Here are some of my thoughts and issues on moving away from CoffeeScript in favor of ES6.

While reading I suggest keeping open a tab to Babel's learning ES6 page. The examples there are great.

Punctuation

Holy punctuation, Batman! Say goodbye to your whitespace and hello to parenthesis, curly braces, and semicolons again. Even with the advanced ES6 syntax you'll find yourself writing a lot more punctuatio

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

	// Don't forget to prefix your category!

	#import <UIKit/UIKit.h>

	NS_ASSUME_NONNULL_BEGIN

	@interface UIWindow (PSPDFAdditions)

	#if TARGET_OS_UIKITFORMAC

	// Create an `Observable` of Optional<Int>
	let values: Observable<Int?> = [1, 2, .None, 3, .None, 4, 5].toObservable()


	// Method 1: using a free function
	// Requires passing the function to `flatMap`

	func ignoreNil<A>(x: A?) -> Observable<A> {
	return x.map { Observable.just($0) } ?? Observable.empty()
	}

	// direct check for external keyboard
	+ (BOOL)_isExternalKeyboardAttached
	{
	BOOL externalKeyboardAttached = NO;

	@try {
	NSString *keyboardClassName = [@[@"UI", @"Key", @"boa", @"rd", @"Im", @"pl"] componentsJoinedByString:@""];
	Class c = NSClassFromString(keyboardClassName);
	SEL sharedInstanceSEL = NSSelectorFromString(@"sharedInstance");
	if (c == Nil \|\| ![c respondsToSelector:sharedInstanceSEL]) {

	# How to Install RVM, Ruby, and Gems without Xcode Command Line Tools
	# ===================================================================
	#
	# Mac OS X 10.8.2 (12C60) (Mountain Lion)
	# Xcode 4.5 (4G182)
	#
	# While attempting to `rvm pkg install openssl`, I had encountered the error:
	# > cryptlib.h:62:20: error: stdlib.h: No such file or directory
	# But, the commands & ouput below show how I worked around the issue.
	#