Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
AMD with RequireJS
Matthew Osborn
June 29, 2015
Technology
0
50
AMD with RequireJS
Another brown bag on AMD concepts and RequireJS
Matthew Osborn
June 29, 2015
Tweet
Share
More Decks by Matthew Osborn
See All by Matthew Osborn
osbornm
0
94
osbornm
0
120
osbornm
0
62
osbornm
0
71
osbornm
0
43
osbornm
2
400
osbornm
1
640
osbornm
1
850
osbornm
1
1.1k
Other Decks in Technology
See All in Technology
harshbothra
1
160
shirayanagiryuji
0
2.2k
yosuke_furukawa
PRO
48
16k
ymas0315
0
180
miura55
0
100
viva_tweet_x
5
2.7k
fu3ak1
0
540
takaking22
1
480
hikarut
1
100
kentaro
1
430
hmatsu47
0
170
nihonbuson
2
2k
Featured
See All Featured
trishagee
20
2.1k
schacon
145
6.6k
malarkey
393
60k
roundedbygravity
84
7.8k
holman
448
130k
kneath
219
15k
brad_frost
156
6.4k
denniskardys
220
120k
morganepeng
17
1.1k
cassininazir
347
20k
dougneiner
55
5.4k
ddemaree
274
31k
Transcript
RequireJS Asynchronous Module Defini2on
THE PROBLEM Dependency Injection Bundles get Large Script Tag Ordering
THE SOLUTION Asynchronous Loading Dependency Chain Construction import / using
/ require
AMD CommonJS RequireJS
define("person", [], func2on () { return
{ firstName: "", lastName: "" }; }) define("employee", ["person"], func2on (p) { return { base: p, id: "123" }; });
// person.js define([], func2on () {
return { firstName: "", lastName: "" }; }) // employee.js define(["person"], func2on (p) { return { base: p, id: "123" }; });
// synchronous loading... var employee = require("employee"); // asynchronous loading...
require(["employee"], function (employee) { });
DEMO Setup & Consump2on r.js & Building / Minifica2on
Typescript AMD PaQerns Control’s conversion to AMD
@OSBORNM github | twiQer | .com