ecmascript-harmony

What is the best way to import some modules in all of the files of the project, so I don't have to write stuff like: import React from 'react'; import Reflux from 'reflux'; import reactMixin from 'react-mixin'; in almost every single file? The other answer covers this, but not with valid ES6, so I'm adding my own. Make a central file to import your react components, in some central react.js file export {default as React} from 'react'; export {default as Reflux} from 'reflux'; export {default as reactMixin} from 'react-mixin'; Then in the files where you need to use these three, you could do

For ES6 generators, why does the author of this blog post say: from: http://davidwalsh.name/es6-generators "The first next(..) call, we don't send in anything. Why? Because there's no yield expression to receive what we pass in." Doesn't the first it.next() call (yield (x + 1)) ? function *foo(x) { var y = 2 * (yield (x + 1)); var z = yield (y / 3); return (x + y + z); } var it = foo( 5 ); // note: not sending anything into `next()` here console.log( it.next() ); // { value:6, done:false } console.log( it.next( 12 ) ); // { value:8, done:false } console.log( it.next( 13 ) ); // { value:42,

I'm trying to use arrow functions in node v0.10.33 under Ubuntu 14.04 (I'm running node with --harmony flag), but I'm getting this error: console.log( [1,2,3,4].map(x => x*x) ); ^ SyntaxError: Unexpected token > at Module._compile (module.js:439:25) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Function.Module.runMain (module.js:497:10) at startup (node.js:119:16) at node.js:906:3 This should work now in node v0.12.x, with the --harmony flag. Also note that you can get arrow functions in node using the babel

HTML Imports are a part of the Web Components specification and provide a way to handle dependencies on the Web. ES6 modules also do the same thing, but just for Javascript code. Is there is any clarity on how these two will work together? Edit: An example: On a recent project of mine, I had two Javascript components (files) one of which depended on the other, but any HTML code (which is another component) could use either of them. So when I included the dependent script in my HTML, I did not want to include the parent script too (avoiding manual dependency handling). There seems to be no well

This question already has an answer here: Backticks calling a function 2 answers I have a simple logging function: function log(str) { console.log('logged: ', str); } If I call it without parentheses (currently using Chrome's dev tools) and pass in a template string, like this: log`foo` The output is: logged: ["foo", raw: Array[1]] If I call it with parentheses, log(`foo`) The output is: logged: foo Why does calling a function using a template string an no parentheses work in Javascript? What is happening that causes the result to be different from calling it with parentheses? Sampson The

I'm using ES6 with the Webpack es6-transpiler per my article here: http://www.railsonmaui.com/blog/2014/10/02/integrating-webpack-and-the-es6-transpiler-into-an-existing-rails-project/ Does it make any sense to convert two Singleton objects to use ES6 Classes? import { CHANGE_EVENT } from "../constants/Constants"; var EventEmitter = require('events').EventEmitter; var merge = require('react/lib/merge'); var _flash = null; var BaseStore = merge(EventEmitter.prototype, { emitChange: function() { this.emit(CHANGE_EVENT); }, /** * @param {function} callback */ addChangeListener: function(callback)