| title | slug | published | layout | type | redirect_to |
|---|---|---|---|---|---|
A collection of useful Browserify resources |
browserify-resources |
true |
post |
post |
I've been using, reading, and writing about the development tool Browserify for a while, and thought it would be useful to compile some of the most useful resources for learning more about the tool.
These articles give a great introduction to using Browserify.
superbigtree.tumblr.com/post/54873453939/introduction-to-browserify
The basics of writing modules for the browser using node.js core modules and modules from npm.
thinkingonthinking.com/unix-in-the-browser
A useful look at basic usage of Browserify.
http://lincolnloop.com/blog/untangle-your-javascript-browserify
A straightforward introduction to browserify, including integration with Grunt and Gulp.
https://blog.codecentric.de/en/2014/02/cross-platform-javascript/
A detailed introduction to Browserify and Grunt.js and how to leverage Browserify to write code that runs on Node.js and in the browser.
dontkry.com/posts/code/using-npm-on-the-client-side.html
A very thorough introduction to using npm, Browserify, and Grunt.js.
Slides for introducing front-end people NPM, Browserify and their benefits.
blakeembrey.com/articles/introduction-to-browserify
Another great look at the basics of Browserify.
maxogden.com/node-packaged-modules.html
A rundown of projects that have made developing with browserify more accessible and more interesting: requirebin.com, npmsearch.com, and Browserify CDN.
dontkry.com/posts/code/browserify-and-the-universal-module-definition.html
An awesome look at the possibilities for using Browserify to bundle modules written in AMD, CommonJS/node.js, UMD, ECMAscript 6, and global modules.
www.forbeslindesay.co.uk/post/46324645400/standalone-browserify-builds
Particularly interesting for people using Browserify as part of the development workflow on a javascript library, check out this article for learning how to generate standalone Browserify builds.
thlorenz.com/blog/browserify-sourcemaps
Learn about using source maps with Browserify in this article.
For examples of using browserify with various javascript libraries, check out these articles.
dontkry.com/posts/code/angular-browserify-grunt.html
Using angular.js with browserify is suprisingly straightforward as shown in this post.
learnjs.io/blog/2013/11/08/leaflet-basics
Leaflet.js is a great mapping library, and this tutorial shows how you can use it with browserify.
learnjs.io/blog/2013/11/23/backbone-jquery-browserify
An introduction to using backbone and jquery with browserify.
codeofrob.com/entries/grunt+browserify+npm+application=success.html
A good rundown of using Grunt.js with Browserify.
Browserify fits in well with other development tools. Check out some of the ones most commonly used with Browserify.
Beefy is a great tool for running a development server that will automatically reload the browser and serve a newly generated bundle.js file each time you save a project file.
github.com/jmreidy/grunt-browserify
A plugin for using browserify with grunt.
github.com/deepak1556/gulp-browserify
A plugin for using browserify with gulp.
Canvas-based game engine and toolchain optimized for rapid development. Chem uses browserify to compile your code. Check out some of the useful npm packages for games.
Browserify is used primarily with npm. Both of those tools have similar counterparts like Bower and RequireJS. These articles help explain some of the differences.
esa-matti.suuronen.org/blog/2013/03/22/journey-from-requirejs-to-browserify
A thorough explanation of switching from RequireJS to Browserify.
calvinmetcalf.com/post/61957209713/2013-a-client-side-package-manager-oddyssey
A series of posts exploring package managers for client side code. Includes npm/Browserify.
superbigtree.tumblr.com/post/58075340096/my-strategy-for-client-side-package-managers-choosing
Exploring the differences between npm, bower, and component.
www.forbeslindesay.co.uk/post/44144487088/browserify-vs-component
A comparison of Browserify and Component.
github.com/substack/node-browserify#browserify
Read the Browserify docs! Also check out the issues.
nodejs.org/docs/latest/api/modules.html#modules_modules
To write modules for the browser using Browserify, you'll use the node.js module system, and it's a good idea to check out the code node.js module documentation.
npmjs.org/browse/keyword/browserify
Check out the modules tagged with browserify on npm.
stackoverflow.com/questions/tagged/browserify
Check out the questions being asked about Browserify on StackOverflow.
Creator of Browserify James Halliday (@substack) gives a rundown of the changes that came through in version 2 of the project.
This post is open source. Add new resources to this list by forking the repository, making changes and making a pull request. Here's the file in the site's repo: https://github.com/learn-js/learn-js.github.com/blob/master/_posts/posts/2013-11-24-browserify-resources.md
Or suggest a resource by adding an issue: github.com/learn-js/learn-js.github.com/issues.