Quoin, Inc Presentation - RequireJS – Javascript Modules for the Browser

RequireJS – Javascript Modules for the Browser

Ben Keith

October 13, 2016

Traditional Browser JS

● One global namespace

● Often inline JS code is embedded directly in HTML

● Many <script> tags with hidden ordering dependencies

● Very often spaghetti code

● OK only for very simple pages

Traditional Browser JS

● One global namespace

● Often inline JS code is embedded directly in HTML

● Many <script> tags with hidden ordering dependencies

● Very often spaghetti code

● OK only for very simple pages

Improvements

● Script loaders/bundlers (e.g. head.js, LABjs, Rails assets)

● Single app object in the global namespace

● Better but doesn't scale well to large apps

CommonJS Modules

● Otherwise plain JS files that have an exported object

● Use require('module_name') to load other modules

Synchronous function (proposal exists to add async)
module_name is a path (.js extension optional) to search for in any of the configured path dirs

AMD

● Asynchronous Module Definitions (AMD)

RequireJS – Javascript Modules for the Browser

JavaScriptRequireJS