30 | Introductions / Browserify basics
31 | 32 |These articles give a great introduction to using Browserify.
33 | 34 | 35 |36 | Browserify Handbook
37 | 38 |github.com/substack/browserify-handbook 39 |
40 |This document written by @substack covers how to use browserify to build modular applications. Recommended as a starting point.
41 | 42 |43 | Introduction to Browserify
44 | 45 |superbigtree.tumblr.com/post/54873453939/introduction-to-browserify 46 |
47 |The basics of writing modules for the browser using node.js core modules 48 | and modules from npm.
49 | 50 | 51 |52 | Frontend Dependency Management with Browserify from Bit.ly Engineering
53 | 54 |http://word.bitly.com/post/101360133837/browserify 55 |
56 |A great introductory article from Bit.ly engineering about Browserify and how they used it on a recent project.
57 | 58 |59 | Untangle Your JavaScript with Browserify
60 | 61 |http://lincolnloop.com/blog/untangle-your-javascript-browserify 62 |
63 |A straightforward introduction to browserify, including integration with 64 | Grunt and Gulp.
65 | 66 |67 | How Browserify Works
68 | 69 |benclinkinbeard.com/posts/how-browserify-works/ 70 |
71 |A basic introduction to how Browserify does what it does.
72 | 73 | 74 |75 | Browserify: Unix In The Browser
76 | 77 |thinkingonthinking.com/unix-in-the-browser 78 |
79 |Another basic introduction to Browserify and NPM.
80 | 81 |82 | Sharing code between Node.js and the browser
83 | 84 |https://blog.codecentric.de/en/2014/02/cross-platform-javascript/ 85 |
86 |A detailed introduction to Browserify and Grunt.js and how to leverage 87 | Browserify to write code that runs on Node.js and in the browser.
88 | 89 |90 | Using npm on the client side
91 | 92 |dontkry.com/posts/code/using-npm-on-the-client-side.html 93 |
94 |A very thorough introduction to using npm, Browserify, and Grunt.js.
95 | 96 |97 | NPM Everywhere (Slides)
98 | 99 |NPM Everywhere 100 |
101 |Slides for introducing front-end people NPM, Browserify and their benefits.
102 | 103 |104 | Introduction to Browserify
105 | 106 |blakeembrey.com/articles/2013/09/introduction-to-browserify/ 107 |
108 |Another great look at the basics of Browserify.
109 | 110 |111 | Node Packaged Modules, bringing npm modules to the web
112 | 113 |maxogden.com/node-packaged-modules.html 114 |
115 |A rundown of projects that have made developing with browserify more accessible 116 | and more interesting: requirebin.netlify.app, npmsearch.com, and Browserify CDN.
117 | 118 |119 | Browserify and the Universal Module Definition
120 | 121 |dontkry.com/posts/code/browserify-and-the-universal-module-definition.html 122 |
123 |An awesome look at the possibilities for using Browserify to bundle modules 124 | written in AMD, CommonJS/node.js, UMD, ECMAscript 6, and global modules.
125 | 126 |127 | Standalone Browserify Builds
128 | 129 |www.forbeslindesay.co.uk/post/46324645400/standalone-browserify-builds 130 |
131 |Particularly interesting for people using Browserify as part of the development 132 | workflow on a javascript library, check out this article for learning how 133 | to generate standalone Browserify builds.
134 | 135 |136 | Browserify v2 adds source maps
137 | 138 |thlorenz.com/blog/browserify-v2-adds-source-maps 139 |
140 |Learn about using source maps with Browserify in this article.
141 | 142 |143 | Browserify on Small.js
144 | 145 |smalljs.org/package-managers/npm/browserify/
146 |Yet another introductory article about Browserify. Covers basic workflow, transforms, source maps, automation, RequireBin, and how to play nice with popular frameworks.
147 | 148 |149 | Browserify中文版使用指南
150 | 151 |zhaoda.net/2015/10/16/browserify-guide/
152 |Guide to the use of the Chinese version of the Browserify.
153 | 154 |155 | Usage of browserify
156 | 157 |For examples of using browserify with various javascript libraries, check 158 | out these articles.
159 | 160 | 161 |162 | A Year With Browserify
163 | 164 |aeflash.com/2014-03/a-year-with-browserify.html 165 |
166 |"Along the way, I've learned a lot about the whole Browserify process, some tricks, and some pitfalls."
167 | 168 | 169 |170 | Using angular and grunt with browserify
171 | 172 |dontkry.com/posts/code/angular-browserify-grunt.html 173 |
174 |Using angular.js with browserify is suprisingly straightforward as shown 175 | in this post.
176 | 177 |178 | Basics of making maps with leaflet.js and browserify
179 | 180 |learnjs.io/blog/2013/11/08/leaflet-basics 181 |
182 |Leaflet.js is a great mapping library, and this tutorial shows how you 183 | can use it with browserify.
184 | 185 |186 | Backbone & jQuery meet Browserify: easy.
187 | 188 |learnjs.io/blog/2013/11/23/backbone-jquery-browserify 189 |
190 |An introduction to using backbone and jquery with browserify.
191 | 192 |193 | grunt+browserify+npm+application=success
194 | 195 |codeofrob.com/entries/grunt+browserify+npm+application=success.html 196 |
197 |A good rundown of using Grunt.js with Browserify.
198 | 199 |200 | gulp browserify starter faq
201 | 202 |http://viget.com/extend/gulp-browserify-starter-faq
203 |How to start an application with gulp and browserify, including a 204 | starter repo
205 | 206 |207 | Related tools
208 | 209 |Browserify fits in well with other development tools. Check out some of 210 | the ones most commonly used with Browserify.
211 | 212 |213 | Beefy
214 | 215 |didact.us/beefy 216 |
217 |Beefy is a great tool for running a development server that will automatically 218 | reload the browser and serve a newly generated bundle.js file each time 219 | you save a project file.
220 | 221 |222 | grunt-browserify
223 | 224 |github.com/jmreidy/grunt-browserify 225 |
226 |A plugin for using browserify with grunt.
227 | 228 |229 | chem
230 | 231 |github.com/superjoe30/chem 232 |
233 |Canvas-based game engine and toolchain optimized for rapid development. 234 | Chem uses browserify to compile your code. Check out some of the useful npm packages for games.
235 | 236 |237 | Comparisons to similar tools
238 | 239 |Browserify is used primarily with npm. Both of those tools have similar 240 | counterparts like Bower and RequireJS. These articles help explain some 241 | of the differences.
242 | 243 |244 | Journey from RequireJS to Browserify
245 | 246 |esa-matti.suuronen.org/blog/2013/03/22/journey-from-requirejs-to-browserify 247 |
248 |A thorough explanation of switching from RequireJS to Browserify.
249 | 250 |251 | 2013: A client side package manager oddyssey
252 | 253 |calvinmetcalf.com/post/61957209713/2013-a-client-side-package-manager-oddyssey 254 |
255 |A series of posts exploring package managers for client side code. Includes 256 | npm/Browserify.
257 | 258 |259 | My strategy for client-side package managers (choosing between npm, bower, and component)
260 | 261 |superbigtree.tumblr.com/post/58075340096/my-strategy-for-client-side-package-managers-choosing 262 |
263 |Exploring the differences between npm, bower, and component.
264 | 265 |266 | Browserify vs. Component
267 | 268 |www.forbeslindesay.co.uk/post/44144487088/browserify-vs-component 269 |
270 |A comparison of Browserify and Component.
271 | 272 |273 | Resources
274 | 275 | 276 |277 | Browserify documentation/github repository
278 | 279 |github.com/browserify/browserify#browserify 280 |
281 |Read the Browserify docs! Also check out the issues.
282 | 283 | 284 |285 | Art Of Node - How Require Works
286 | 287 |maxogden/art-of-node/#modular-development-workflow 288 |
289 |Part of a larger Node tutorial. Explains how require works and gives examples of how to develop software using Node modules.
290 | 291 |292 | node.js modules documentation
293 | 294 |nodejs.org/docs/latest/api/modules.html#modules_modules 295 |
296 |To write modules for the browser using Browserify, you'll use the node.js 297 | module system, and it's a good idea to check out the code node.js module 298 | documentation.
299 | 300 |301 | Packages tagged with browserify on npm
302 | 303 |npmjs.org/browse/keyword/browserify 304 |
305 |Check out the modules tagged with browserify on npm.
306 | 307 |308 | Browserify on StackOverflow
309 | 310 |stackoverflow.com/questions/tagged/browserify 311 |
312 |Check out the questions being asked about Browserify on StackOverflow.
313 | 314 |315 | Videos
316 | 317 | 318 |319 | Browserify V2 and you
320 | 321 |vimeo.com/62988591 322 |
323 |Creator of Browserify James Halliday (@substack) 324 | gives a rundown of the changes that came through in version 2 of the project.
325 | 326 |327 | Modular JavaScript With Npm And Node Modules
328 | 329 |ericleads.com/2014/03/modular-javascript-with-npm-and-node-modules 330 |
331 |Eric Elliot recorded this screencast version of a talk he gave about using modules to write JS programs.
332 | 333 |334 | Getting Started With Browserify
335 | 336 |youtube.com/watch?v=CTAa8IcQh1U 337 |
338 |A 10 minute screencast to quickly get you bundling with Browserify.
339 | 340 |341 | Transform Your Bundles With Browserify
342 | 343 |youtube.com/watch?v=Uk2bgp8OLT8 344 |
345 |A 10 minute screencast about how to use and write Browserify transforms.
346 | 347 |348 | Testing
349 | 350 |351 | 352 | How I Write Tests for Node and the Browser 353 |
354 |substack.net/how_I_write_tests_for_node_and_the_browser
355 |356 | Write unit tests that work in node and the browser. 357 |
358 | 359 |
14 | 