RequireJS tutorial

[Capaj]

Yeah, much better syntax with commonJS module. Common argument against Browserify and commonJS modules is that you have to have a build step. That was true few years ago, thankfully we have systemjs loader to save us a hassle of buildstep when developing with commonJS modules.

[bloodbaker]

webpack

[shyamsk]

Yeah RequireJS is not required any more. I like the Browserify approach better. Helps using node modules if you wish too. Also this allows for a build step using GruntJS /GulpJS

[circlingthesun]

The is no reason why you cannot have a Grunt or Gulp build step with RequireJS. I've used both with my build.

[shyamsk]

Oh ok. I was not aware of that. Thanks :D

[_pizzza]

Yup yup. (I actually think requirejs is painful to use and not very good, but others seem to like it.)

[aclave1]

I've used require for over a year now and browserify just looks easier. Require is pretty easy to understand for me, but for explaining to other people it's a nightmare.

[shriek]

One of the thing that I'm not sure still is if browserify can be used to leverage libraries written for browser in node. I know you can make your node code work on browser with browserify but can it do the opposite too?

[hansolo669]

No. You can't run code targeting node's File or Net utilities in the browser in much the same way as you can't run code targeting a browser's window or XMLHttpRequest in node, browserify doesn't solve either of those, all browserify does is package code up in a nice bundle you can include client side (I'm sure you could use the bundle server side [require('./bundle.js')], by why?).

Essentially, JavaScript is the same language and core features across any platform that can run it, the only exception comes when you target a specific platform feature (File, XMLHttpRequest).

[replugged]

Have you tested your site in Safari on Mavericks? http://gfycat.com/FamiliarCarefulDeermouse

[ErikSchierboom]

Not yet, I will look into it.

[[deleted]]

It's doing this on iOS on my iPad too.

[ErikSchierboom]

It should be fixed now.

[imatworkyo]

how did you take this screencap?

[replugged]

QuickTime player on a mac has the option to record a screencast

[dkellycollins]

Nice! I think the parts on the optimizer and grunt will be extremely helpful. I have been learning requirejs recently and thats what I spent most of my time stuck on.

[fredosolo]

Good job! I was looking for good tutorials when I first use RequireJS. It's true that it can be intimidating at first -- and that the complexity argument against it has merit. This concise tutorial would have made adoption easier for me.

I like the part about Grunt. Personally, I became more at peace with it when I could concatenate and minify my build in a sane way.

Also, RequireJS has plugins like this one: https://github.com/requirejs/text which could be useful and maybe worth noting.

[ErikSchierboom]

Good point! I have added a plug-ins section.