In the previous episode, some very basic extraction was done to create a few modules within the uploader code. But doing that hasn’t significantly changed the way the code looks or works – it just moved a few things around. However, the basic setup with those modules is providing the basis for the changes that […]
This episode introduces the Restructuring jQuery Code series. It looks at the existing code, briefly, showing the one large file that contains everything we previously wrote. You’ll see the basic setup for browserify and babel, as well as the new file and folder structure used to support these tools. Lastly, you’ll see that the upload.js […]
In the last episode, we looked at the new module syntax in ES6 and how it works with Node.js directly. While the module syntax was fairly simple and flexible, only exploring the node side of things left a big question: How does this work in a browser? In this episode, then, we’ll look at what […]
Having a handful of tools at your disposal is great. More tools means more ability to get things done quickly, as you can apply those tools as needed. But it’s not always obvious how you can combine various tools to gain even further productivity improvements. In this episode, then, I’ll show you how to take a handful of the tools that I’ve shown in recent episodes and combine them to create an epic development workflow for NodeJS, ExpressJS, and more.
The watchify command line takes the same basic parameters as the browserify command line. But in addition to bundling your code once, it will watch for file system changes and re-bundle your code automatically. In this episode, you’ll see how to use watchify with browserify, to automate the bundle step for your development environment, reducing the amount of manual effort that it takes to get your application ready for your browser.