JavaScript Modules & Build Tools

[saravanan-subramanian]

7 years later, this video still remains relevant in my opinion for understanding the various JS module systems that exist (or have existed). Wonderful recap, Curran!

[DefWorlds]

This is very helpful. It's rare to have such a broad perspective. As a noob, I appreciate it.

[ManasNagpure]

Perfect. I was bashing my head around CommonJS and friends for couple of days and I was almost on the verge of giving it up and then you came in like a life saver.
Great presentation, great pace and great examples. Also thanks for taking time to annotate the video at correct places.
:thumbs_up:

Being a gulp/grunt guy, I never looked into make but it looks nice and much simple with less overhead. Gonna try it out.

[sgwatyt]

Thank goodness for this video. Cleared up the differences between all these things for me pretty well and gave some nice build-up and background.

[sclarke]

Great overview. Jumped into Angular2 and see all these references to commonjs, systemjs etc and was looking for the backdrop story.. this fit the bill perfectly. Thanks.

[jaysonharshbarger]

Thank you Curran; great talk as always.  I think your point at the end, the distinction between module producing tools and module consuming tools, is important.  Chiasm sits somewhere in the middle...

[sameers]

Thanks Curran !. This is great stuff. ! Awesome introduction to modules, and their interplay, and emerging tools.

[sg]

Nice one. Cleared all doubts at one shot! thanks!

[JuanHerreraMarin]

Excellent!, I loved it!, I will share this with the community. An invaluable resource, for real

[DerSmoli]

Nice presentation.

At 10:30 order is relevant.Declaration of the "namespace" has to come first, otherwise FunctionalUtils is undefined. "main.js" has to come last as it executes all functions declared. Only the order in "sum", "add", "reduce" is irrelevant.

[peteruithoven]

Thanks for this great overview! I'm going to use your Example viewer to explain this to my colleagues.
Would be great if you could create an alternative version of this video without most of the questions. Because sometimes they very basic and sometimes your answers slightly ruin your structure.

[yairvsync]

Please write in the description which minute in the video correlates to which "method".. I am only interested on Rollup for example.. Thanks!

[bradyp]

man this video was VERY useful....thank you..

[mikail]

Thank for the useful lessons, what do you think about the following pattern: I have app.js with all the helpers and stuff that I need on every page, than I follow the pattern - 1 table in the database 1 js file example: user.js contains var user = { all user related stuff even events }; window.app.user = user; and this pattern goes on and on ..., what do you think about it ?

[vincentzhang]

Webpack 2 seems to have support of ES6 now.

[vincentzhang]

I used ES6 syntax with Webpack 2 to try your sample code, and when running the web page, it gives a TypeError saying: iteratee is not a function.

[jaysonharshbarger]

I'm "some guy in Japan"!!!

[ThadKerosky]

Missing Bower :) you graze it with deamdify.

[sivaraparla]

what is teh difference between systemjs and common js

[BjoernRicks]

.PHONY is not a makefile convention. Makes main purpose is to generate files. Therefore every target corresponds to a to be generated file. Make will only execute the target code if the file is not up to date. .PHONY ensures executing a target without checking for an outdated file. Try "touch clean" and remove clean from .PHONY. Afterwards call "make clean" and you will see the difference.