Daniel G. Taylor danielgtaylor

## gist:0b60c2ed1f069f118562

      
              1 file
            
          
              13 forks
            
          
              26 comments
            
          
              349 stars
            
          
                danielgtaylor
                / gist:0b60c2ed1f069f118562
            
            
              Last active
              April 2, 2024 20:18
            
              
                Moving to ES6 from CoffeeScript
              
          
    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

  
## main.go
package main

import (
	"encoding/json"
	"fmt"
	"net/http"
	"reflect"

	"github.com/danielgtaylor/huma/v2"
	"github.com/go-chi/chi/v5"

## example.html
<div class="profile">
    <img src="/images/profile.jpg"/>
    <h1>John Smith</h1>
    Writer &amp; Reviewer<br/>Registered 1 Jan 2013
    <h2>Awards:</h2>
    <div class="userbadges" data-service="demo" data-user="jsmith"></div>
</div>

## 01-recipe.js
// Create a new recipe
var recipe = new Brauhaus.Recipe({
   name: 'Daniel\'s Doppelbock',
   description: '...',
   author: 'Daniel G. Taylor'
   batchSize: 20.0,
   boilSize: 10.0
});

## index.html
<html>
    <head>
        <title>Brauhaus.js Test</title>
    </head>
    <body>
        <p>
            Let's make some beer!
        </p>
        <script type="text/javascript" src="/scripts/brauhaus.min.js"></script>
        <script type="text/javascript">

## mash-example.coffee
Brauhaus = require 'brauhaus'

# Create a new recipe
recipe = new Brauhaus.Recipe
    name: 'My new recipe'
    batchSize: 20.0

# Add some grain to be mashed
recipe.add 'fermentable',
    name: 'Pale malt'

## gist:5065626
<script type="text/javascript" src="/scripts/brauhaus.min.js"></script>
<script type="text/javascript">
    // Create a recipe
    var r = new Brauhaus.Recipe({
        name: 'My test brew',
        description: 'A new test beer using Brauhaus.js!',
        batchSize: 20.0,
        boilSize: 10.0
    });

## example.apib
FORMAT: 1A

# Example API
This is an example showing error information like Stripe does.

## Errors
Errors returned by this API take the following format:

```json
{

## gist:3955072
$ http https://maltioweb.appspot.com/_ah/api/maltio/v1/recipes limit==1 order==LIKES

HTTP/1.1 200 OK
Cache-Control: no-cache, no-store, max-age=0, must-revalidate
Date: Tue, 30 Oct 2012 18:34:17 GMT
ETag: "8xJp6-t04hAv0QlZ8diuygX5EF8/R4Slr4GR8josHmd2u6O0ZhjkW6g"
Expires: Fri, 01 Jan 1990 00:00:00 GMT
Pragma: no-cache
Server: GSE
Transfer-Encoding: chunked

## gist:3764319
<div class="maltio-recipe" data-recipe="monk-s-tripel" data-user="danielgtaylor" data-width="500"></div>
	package main

	import (
	"encoding/json"
	"fmt"
	"net/http"
	"reflect"

	"github.com/danielgtaylor/huma/v2"
	"github.com/go-chi/chi/v5"
	<div class="profile">
	<img src="/images/profile.jpg"/>
	<h1>John Smith</h1>
	Writer & Reviewer<br/>Registered 1 Jan 2013
	<h2>Awards:</h2>
	<div class="userbadges" data-service="demo" data-user="jsmith"></div>
	</div>
	// Create a new recipe
	var recipe = new Brauhaus.Recipe({
	name: 'Daniel\'s Doppelbock',
	description: '...',
	author: 'Daniel G. Taylor'
	batchSize: 20.0,
	boilSize: 10.0
	});
	<html>
	<head>
	<title>Brauhaus.js Test</title>
	</head>
	<body>
	<p>
	Let's make some beer!
	</p>
	<script type="text/javascript" src="/scripts/brauhaus.min.js"></script>
	<script type="text/javascript">
	Brauhaus = require 'brauhaus'

	# Create a new recipe
	recipe = new Brauhaus.Recipe
	name: 'My new recipe'
	batchSize: 20.0

	# Add some grain to be mashed
	recipe.add 'fermentable',
	name: 'Pale malt'
	<script type="text/javascript" src="/scripts/brauhaus.min.js"></script>
	<script type="text/javascript">
	// Create a recipe
	var r = new Brauhaus.Recipe({
	name: 'My test brew',
	description: 'A new test beer using Brauhaus.js!',
	batchSize: 20.0,
	boilSize: 10.0
	});
	FORMAT: 1A

	# Example API
	This is an example showing error information like Stripe does.

	## Errors
	Errors returned by this API take the following format:

	```json
	{
	$ http https://maltioweb.appspot.com/_ah/api/maltio/v1/recipes limit==1 order==LIKES

	HTTP/1.1 200 OK
	Cache-Control: no-cache, no-store, max-age=0, must-revalidate
	Date: Tue, 30 Oct 2012 18:34:17 GMT
	ETag: "8xJp6-t04hAv0QlZ8diuygX5EF8/R4Slr4GR8josHmd2u6O0ZhjkW6g"
	Expires: Fri, 01 Jan 1990 00:00:00 GMT
	Pragma: no-cache
	Server: GSE
	Transfer-Encoding: chunked