Dreamforce17-JS-Toolbox | Github repo corresponding to the Extending | Awesome List library

First you’ll need to create a Force.com project, follow the steps near the bottom of the Xgeek tutorial listed above. Once the project is created, you’ll need to create a Visualforce Page. Also, create a Static Resource in your Salesforce org and name it bundle_js.resource to work with the existing tooling. You'll need to refresh your project in MavensMate to pull in the new resource (MavensMate -> Project -> Edit Project -> Choose refresh option). If you choose a different name, make sure to update references to that file on your Visaulforce page (if copying the demo example) and in bundle-to-resource.js. The most important part of the Visualforce Page is having have the two script tags pointing to bundle_js.resource, and localhost. The localhost tag should be uncommented when working locally, while bundle_js.resource should be commented out. When going to production, switch these so that the localhost tag is commented out and bundle_js.resources is uncommented. See the dfdemo.page in the example directory for an example of how the tags should look when developing locally. You can copy the contents, but not the file itself - create the page and controllers from MavensMate to correctly generate the metadata files also.
package.json
webpack.config.js
bundle-to-resource.js
.babelrc