Ryan Rogalski lilrogalski

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

Long Live CoffeeScript and Long Live ES6

Clearly ES6 is a huge improvement over ES5, and tools like [6to5][] allow us to use these cool features now. I was reading [Replace CoffeeScript with ES6][replace coffeescript] by [Blake Williams][] and thought it was a great summary of how ES6 solves many of the same problems that CoffeeScript solves; however I'd like to comment on a few of Blake's points and talk about why I'll be sticking with CoffeeScript.

Classes

Classes in ES6 (like many of the syntax changes in ES6) are very similar to the CoffeeScript equivalent. To support browsers that are not fully ES5 compliant (e.g. IE8-), however, we still can't really use getters/setters, so ignoring these the comparison is:

This is no longer needed as Emmet supports JSX - you just need to turn it all on. Did a quick tutorial: http://wesbos.com/emmet-react-jsx-sublime/

Thanks, @wesbos

Problem

Using emmet in jsx files
Emmet expands text when js autocomplete needed

Javascript Interview Questions

General interview questions for a front-end JS developer.

Questions

What is the spec Javascript implements and what versions of it are you most current with?
Does JavaScript support the use of classes?

	import {useEffect, useRef, useState} from 'react';
	import io from 'socket.io-client';

	type Props = {
	userId: number;
	enabled: boolean;
	onConnected?: () => void;
	};

	type Message = {

	*M-UNKNOWN MEXICAN TRUCKING COMPANY
	8CON CONTSHIP CONTAINER LINE
	99M UNKNOWN MEXICAN OVERLAND CARRIER
	AAAB AAA MOTORS
	AAAC AAACTION TRANSPORTATION INC
	AAAD A A A DELIVERY INC
	AAAG ATC LOGISTICS INC
	AAAO AAMODT INC
	AAAU ASIA CONTAINER LEASING CO LTD

	#!/bin/bash

	# --------------------------------------------------------------------------------------------
	# Installs Ruby using rbenv/ruby-build on the Raspberry Pi (Raspbian)
	#
	# Run from the web:
	# bash <(curl -s https://gist.githubusercontent.com/blacktm/8302741/raw/install_ruby_rpi.sh)
	# --------------------------------------------------------------------------------------------

	# Set the Ruby version you want to install

	var numTiers = 100,
	triangle,
	start,
	stop;

	/**
	*
	* First version uses recursion
	*
	*/

	<html>
	<head>
	<title>Checkbox</title>
	<style>
	input[type=checkbox] {
	display:none;
	}

	input[type=checkbox] + label
	{