Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bevry-archive/coffeescript-to-esnext
A guide to migrate from CoffeeScript to ES6 / ES7 / ES2015
https://github.com/bevry-archive/coffeescript-to-esnext
meta
Last synced: about 9 hours ago
JSON representation
A guide to migrate from CoffeeScript to ES6 / ES7 / ES2015
- Host: GitHub
- URL: https://github.com/bevry-archive/coffeescript-to-esnext
- Owner: bevry-archive
- License: cc0-1.0
- Created: 2015-03-23T06:01:53.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2015-03-26T21:30:03.000Z (over 9 years ago)
- Last Synced: 2024-04-08T15:41:49.713Z (7 months ago)
- Topics: meta
- Homepage:
- Size: 146 KB
- Stars: 13
- Watchers: 6
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CoffeeScript to ES6
A guide to migrate from CoffeeScript to ES6 / ES7 / ES2015
## Why
- [Bevry's Reasoning](https://discuss.bevry.me/t/move-from-coffeescript-to-es6/)
- Add your reasoning too via a pull request!
## Classes
``` coffee
class A
# Static method that uses rest parameters
@create: (args...) -> new this(args...)
# Constructor that applies first argument to this.name
constructor: (@name) ->
# Default value for name for class A
name: 'Default name for A'
class B extends A
# Default value for name for class B
name: 'Default name for B'
b1 = B.create()
alert(b1.name)
b2 = B.create('ben')
alert(b2.name)
```
``` javascript
class A {
// Static method that uses rest parameters
static create (...args) {
return new this(...args)
}
// Constructor that applies first argument to this.name
constructor (name) {
this._name = name
}
// Default value for name for class A
get name () {
return this._name || 'Default name for A'
}
// Necessary setter
set name (value) {
this._name = name
}
}
class B extends A {
// Default value for name for class B
get name () {
return this._name || 'Default name for B'
}
}
let b1 = B.create()
alert(b1.name)
let b2 = B.create('ben')
alert(b2.name)
```
Notes:
- `arguments` is discouraged, use [rest parameters](https://babeljs.io/docs/learn-es6/#default-rest-spread) instead:
- [deprecation notice](https://groups.google.com/forum/embed/?place=forum/strengthen-js#!topic/strengthen-js/2lW_VzHBfKw)
- HOWEVER, if you can get away with doing `(a,b,c,d,e,f,g,etc)` instead of `(...args)`, then do that, `...args` currently has some profiling issues - (@pflannery will add details about the issues later)
## Traversing data object
``` coffee
data = {name:'ben', company:'bevry'}
for own key, value of data
alert(key+': '+value)
```
``` javascript
let data = new Map().set('name', 'ben').set('company', 'bevry')
data.forEach(function(value, key){
alert(key+': '+value)
})
```
Notes:
- using objects for data is discouraged, [Map](https://babeljs.io/docs/learn-es6/#map-set-weak-map-weak-set) is the new data object:
- [deprecation and advisory notice](https://drive.google.com/file/d/0B1v38H64XQBNT1p2XzFGWWhCR1k/view) (see "Sane Objects" slide)
- HOWEVER, Maps aren't there yet, and unless you have a large dataset, objects are fine (especially for configuration, options, and general coding things) - (@pflannery will add details about the issues later)
## Benchmarks
See [bevry/es6-benchmarks](https://github.com/bevry/es6-benchmarks) for performance benchmarks between ES5, CoffeeScript and ES6
## Showcase
Here is a listing of CoffeeScript projects that have switched to ES6 so you can compare their source code:
- [TaskGroup](https://github.com/bevry/taskgroup) / [#es6](https://github.com/bevry/taskgroup/tree/es6) / [#coffee](https://github.com/bevry/taskgroup/tree/coffee)
## Contributing
Pull requests encouraged!
## License
Public Domain via the CC0 1.0 Universal License