ES modules: A cartoon deep-dive

I can't wait for ES module support in Firefox by default (so all major browsers are covered). It feels so good to be able to write code in "plain old JavaScript" again without the need for transpilers and build tools for small apps. I made this minecraft WebGL2 thing (https://mrspeaker.github.io/webgl2-voxels/) all in modules, and being able to just view-source without any shenanigans feels like the old days.

The only issue now is I want to share the code with a Node server... I really hope the new proposals will help bridge the require/import gap!

Re: ES modules: A cartoon deep-dive

#5

Post by EamonnMR » Wed, Mar 28, 2018, 6:13 PM UTC

This has been the only thing keeping me using Babel for a couple of years now. Every other ES6 thing I really wanted is in vanilla JS. I'm pretty thrilled.

Re: ES modules: A cartoon deep-dive

#6

Post by shriek » Wed, Mar 28, 2018, 6:52 PM UTC

mrspeaker wrote: post #4

I can't wait for ES module support in Firefox by default (so all major browsers are covered). It feels so good to be able to write code in "plain old JavaScript" again without the need for transpilers and build tools for small apps. I made this minecraft WebGL2 thing ( https://mrspeaker.github.io/webgl2-voxels/ ) all in modules, and being able to just view-source without any shenanigans feels like the old days. The o…

I was playing with @std/esm yesterday and it helps bridge that gap somewhat. I agree it feels great to not have to transpile anymore. :)

Re: ES modules: A cartoon deep-dive

#7

Post by WorldMaker » Wed, Mar 28, 2018, 7:08 PM UTC

shriek wrote: post #6

mrspeaker wrote: post #4

I can't wait for ES module support in Firefox by default (so all major browsers are covered). It feels so good to be able to write code in "plain old JavaScript" again without the need for transpilers and build tools for small apps. I made this minecraft WebGL2 thing ( https://mrspeaker.github.io/webgl2-voxels/ ) all in modules, and being able to just view-source without any shenanigans feels like the old days. The o…

I was playing with @std/esm yesterday and it helps bridge that gap somewhat. I agree it feels great to not have to transpile anymore. :)

That module loader was declared "stable" today, even.

https://medium.com/web-on-the-edge/tomorrows-es-modules-toda...

Re: ES modules: A cartoon deep-dive

#8

Post by 52-6F-62 » Wed, Mar 28, 2018, 7:53 PM UTC

WorldMaker wrote: post #7

shriek wrote: post #6

Earlier quoted context omitted.

I was playing with @std/esm yesterday and it helps bridge that gap somewhat. I agree it feels great to not have to transpile anymore. :)

That module loader was declared "stable" today, even. https://medium.com/web-on-the-edge/tomorrows-es-modules-toda...

Wow! That's great! Thanks for linking this

Re: ES modules: A cartoon deep-dive

#9

Post by jimmytidey » Wed, Mar 28, 2018, 8:25 PM UTC

A beautiful explanation.

Re: ES modules: A cartoon deep-dive

#10

Post by ballenf » Wed, Mar 28, 2018, 8:27 PM UTC

FWIW, I was wanting to play with native modules locally using files loaded directly in browser instead of a local Node instance.

That's about impossible in Chrome (in my experience and as per SO answers) and trivially easy in Safari.

Develop menu / Disable Cross-Origin Restrictions

Not that spinning up node is really any slower when you take into account auto-reload capabilities.