Backbone deps test

100%

Backbone deps test

✓ Published0🌍 Public

Last edited Jun 20, 2015

Created on May 28, 2015

This example demonstrates how Backbone and Zepto are bundled together using webpack, showing a minimal module dependency setup. The code creates a new `Backbone.View` instance and logs it to the console, confirming that the libraries load correctly. The webpack configuration uses `exports-loader` to strip Zepto’s global `$` and `Zepto` objects, aliasing `jquery` to `zepto/zepto.min.js`. The `out.js` file is generated from `index.js` with source maps enabled, illustrating a basic dependency-resolution workflow.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Gist 11442448

This example shows a Gruntfile configuration that automates JavaScript build tasks using webpack, JSHint, and Mocha. It defines a webpack task with entry point `src/entry.js`, outputting a UMD bundle named `WithGrunt` to `lib/bundle.js`, and includes module resolution for `node_modules` and `bower_components`. The configuration also sets up JSHint linting for source and test files, a Mocha test runner with a spec reporter, and a watch task for continuous linting and testing. The default task chains these steps together, demonstrating a complete build pipeline for a modular JavaScript project.

Aakollegger

64% match

Loading thumbnail…

bundle/index.html for webpack-es6-boilerplate

This example shows a minimal webpack setup for an ES6 project, producing a single-page HTML document that loads a compiled JavaScript bundle. The page contains no visible content or user interface, only an empty body with a script tag referencing `bundle.js`. The code demonstrates the entry-point plumbing of a webpack-built application, where the frontend relies entirely on the bundled output for any rendering or behavior. The files include the `index.html` shell and the webpack configuration source, indicating how a boilerplate project connects its build system to a basic HTML host page.

115Dkatz

63% match

Loading thumbnail…

webpack configuration for webpack-es6-boilerplate

This example shows a minimal webpack configuration for the webpack-es6-boilerplate, defining how JavaScript source files are bundled. It sets the entry point to `babel-polyfill` and `./app/index.js`, outputs a single `bundle.js` to a `build` directory, and uses `babel-loader` to transpile `.js` files while excluding `node_modules`. The configuration also includes a development server on port 3000 serving from `./build` with inline mode enabled. The code directly references the webpack API, including `module.exports`, the `entry`, `output`, `module.loaders`, and `devServer` properties.

115Dkatz

62% match

Loading thumbnail…

Minimal example of data handling in Backbone.js

This example demonstrates basic Backbone.js data binding and view updates using inline HTML input fields. It shows how models, collections, and views interact when editing text labels or adding new items, with a log panel displaying each sync operation. The code uses Backbone.Model, Backbone.Collection, Backbone.View, and Backbone.sync, along with jQuery for DOM manipulation and underscore.js templates for rendering. The fake sync method simulates server persistence by assigning temporary client IDs to newly created models.

Aamundo

62% match

Loading thumbnail…

Javascript build tools

This example illustrates the JavaScript build-tool ecosystem, mapping tools like npm, yarn, rollup, and webpack to their roles as package managers or module bundlers. It uses plain DOM elements and D3 v7’s `select` and `version` to display text, while the underlying code demonstrates module syntax with named and default exports. The visualization’s source files show how `index.js` imports from `something.js` and `thing.js`, and the HTML references a rollup-injected bundle, clarifying how bundlers assemble local packages into browser-ready scripts.

BBart van Pelt

59% match

Loading thumbnail…

Simple Backbone WordPress Example

This example demonstrates a simple Backbone.js application that fetches and displays WordPress blog posts as a list. It shows how a collection retrieves data from the WordPress REST API endpoint and renders each post’s title, date, and content into a templated view. The code uses Backbone.Model, Backbone.Collection, and Backbone.View, along with Underscore.js templating and jQuery for DOM manipulation. The collection’s `parse` method extracts post fields from the API response, and the view’s `render` method appends each post as a list item.

FFasani

59% match

Loading thumbnail…

All about unit testing

This example demonstrates how to configure a JavaScript testing environment for ES6 syntax and modular test organization. The setup uses Mocha with Babel’s `babel-core/register` to transpile ES6 code, a shared test helper loaded via `--require`, and the `--recursive` flag to include nested test files. It also shows command-line scripts for running tests once or in watch mode, and references patterns for testing Express APIs and MongoDB with a fake database server, though those code snippets are placeholders. The visible configuration focuses on Mocha’s CLI flags and npm script integration.

Aamazingandyyy

58% match

Loading thumbnail…

Gist bd978df74840af0f424ab50974f8489a

This example demonstrates how to integrate a specific version of jQuery with WordPress and Webpack. It shows two configuration steps: first, deregistering the default WordPress jQuery in `functions.php` via `wp_deregister_script` and an `init` action, and second, excluding jQuery from the bundle using `externals` in `webpack.config` while injecting it with `webpack.ProvidePlugin`. The code also references registering a newer jQuery version through WordPress hooks.

KKopylovVitalik

57% match