Turn your ES5 code into readable ES6

by mohebifar • 11 years ago

92 27 11 years ago

untog2• 11 years ago

Interesting idea, but the backwards compatibility of ES6 means that you can refactor a project piece by piece as you work on it - IMO that's a better approach.

Kudos• 11 years ago

Sure, but even just as a learning exercise it's fun to pass ES5 code through it, particularly for people not familiar with the new features in ES6.

It could definitely do with a list of supported/unsupported functionality.

untog2• 11 years ago

Oh, for sure. It's a fascinating project!

TazeTSchnitzel• 11 years ago

Hmm. How smart is it? Can it detect when some usage of prototypes is not class-like and not convert it to an ES6 class?

mohebifar6• 11 years ago

In case you said, it can discern non-class-like function as nothing is assigned to its prototype.

Bu on the whole I cannot really tell you how smart it is because it is in alpha stage. We need more users to test it.

bphogan• 11 years ago

I think this is awesome just for the sake of doing it. I'm always impressed with how these kinds of projects are implemented.

patrickaljord• 11 years ago

There's also this one https://github.com/mping/5to6

mohebifar6• 11 years ago

Yes, And it's 3 days younger than xto6. It does not support function/prototype => classes. And also it is trying to encourage people to convert their ES5 codes into ES6 but it's implemented in ES5 itself !

icebraining• 11 years ago

Don't take it as an attack, it's always better to have more choices and approaches to learn from, nobody is trying to diminish your work.

luca_barbieri• 11 years ago

I have started a similar project, but stopped working on it, and seeing this I decided to put it on GitHub, even though it's not very well tested and not feature complete.

The most complex feature in my code is the ability to turn var into let/const optimally using an esgraph-based dataflow analysis, and it also has the ability to introduce arrow functions, shorthand/method properties and classes.

It is implemented as a fork of Babel with slightly changed packaging and a bunch of ES5-to-ES6 passes.

I'm not sure if I'm going to do any further work on this, so feel free to incorporate the code into your project if you find it useful or start maintaining a fork.

It has been tested a bit but as much as it should, so it may not just work out of the box.

You can find it at https://github.com/luca-barbieri/5to6

mohebifar6• 11 years ago

That's great! It's kind of you. I will use that.

tlrobinson• 11 years ago

Neat. How about translating "require" calls to "import" statements (and exports statements)?

skrebbel• 11 years ago

i did that yesterday by hand with 3 find-replace-all regexes. it isn't that big a deal :-)

(that said, not all uses of require can be translated to import statements)

itsbits• 11 years ago

good idea..what all features currently you are converting to ES6? Better list them in github...

pascalo• 11 years ago

Sadly I get an error "Cannot find module './block-statement.js"

mohebifar6• 11 years ago

I fixed it

dzhiurgis2• 11 years ago

I am asking as a poor JS developer - what are the benefits of this newer style?

nodesocket• 11 years ago

Readable, and intuitive. The syntax is like a standard class (constructor, methods, getters, setters) you'd see in C or PHP.

yoklov• 11 years ago

C++, you mean. There are no classes in C.

dzhiurgis2• 11 years ago

What is the benefit of using classes rather than just bunch of functions, calling each other?

emehrkay• 11 years ago

ES6 will be nice when I can write it without the worry of a compilation stage. I still use MooTools on my personal projects. I don't care. I get shit done.

afshinmeh• 11 years ago

upvoted. Damet garm amoo :D

mohebifar6• 11 years ago

Thank you. Kharabetam :D

Turn your ES5 code into readable ES6

Related Stories