Gist 5246946

100%

✓ Published0🌍 Public

Last edited Mar 18, 2013

Created on Mar 26, 2013

This example demonstrates how the Mediator pattern enables communication between Backbone views without direct coupling. A ToolbarView triggers a global event named `somethingHappened` with a data object via `Backbone.trigger()`, while a TableView subscribes to that event using `Backbone.on()` in its `initialize` method and unsubscribes with `Backbone.off()` in its `destroy` method. The code uses the Backbone event bus as a mediator, showing both the classic `on`/`off` API and mentions the newer `listenTo` alternative.

AI-generated description

Similar vizzes

Loading thumbnail…

TableView start

This Sketch plugin example demonstrates a floating panel containing a table view with a custom data source. The panel is built using native Sketch APIs like `NSPanel`, `NSScrollView`, and `NSTableView`, and it populates the table through a dynamic delegate created with `MochaJSDelegate`, which intercepts selector-based callbacks to supply row and column values. The code sets up a single-column grid with alternating row colors, red grid lines, and a fixed height, and logs data requests to the console.

KKevinGutowski

51% 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

51% match

Loading thumbnail…

An eventing mechanism for Swift

This example demonstrates an eventing mechanism for Swift, showing how to create type-safe events with multiple handlers and automatic cleanup. It defines an `Event<T>` class that manages a collection of handler wrappers, allowing observers to subscribe and unsubscribe dynamically. The implementation uses the `Disposable` protocol for tear-down logic and the `Invocable` private protocol to abstract handler invocation, with `EventHandlerWrapper` holding a weak reference to the target to prevent retain cycles. The code highlights Swift’s protocol-oriented and generics features, as well as curried instance methods, to build a reusable notification system without relying on external libraries.

CColinEberhardt

51% match

Loading thumbnail…

Gist 6ec7e2d2e5b12c1bce0d09b7faa51ee2

This example demonstrates a key-value observing (KVO) binding mechanism in Swift, where changes to a property on one NSObject subclass (Foo.bar) automatically update a property on another (Zoq.fot). The code uses the Foundation framework, specifically the `observe(_:options:changeHandler:)` method with KeyPaths, and stores a `Disposable` object via `objc_setAssociatedObject` to manage observation lifecycle. Reassigning the target object (Zoq) triggers the `Disposable` deinit, which invalidates the observation and stops further updates, as shown by the printed deinit messages and unchanged `fot` values after reassignment.

MMoximillian

50% match

Loading thumbnail…

Gist 7e25cbcd7c60d58ca2949795d215284a

This example illustrates four distinct approaches to reacting to a state change in an Angular application, using the RxJS `filter` and `take` operators within a `store` service. It shows how to implement a save action by observing `saveButtonState`, then demonstrates wrapping the same observable logic in a Promise for async handling, and finally presents simpler alternatives using a callback and an event emitter. The code relies on `ButtonState` enums and a `saveDone` event emitter, with no external visualization libraries or data sources involved.

HHypercubed

49% match

Loading thumbnail…

Testa

This example demonstrates a simple interactive event-handling pattern for HTML links. Two links, each bound to a separate instance of a JavaScript `Obj` constructor, respond to clicks by logging a greeting to the console. The code relies on native DOM APIs such as `document.getElementById` and the `onclick` property, while closures capture each instance’s current `word` property. The first link logs “Hola testa” after the property is reassigned, while the second logs “Hello testa,” illustrating how per-instance state persists. No external libraries or data sources are used; the behavior is purely client-side.

DDylanFM

49% match

Loading thumbnail…

Gist 03ea367d00ac593217cf6770ee1cc539

This example demonstrates a Sketch plugin that launches a floating panel window with a table view interface. The code uses Sketch’s JavaScript API, `NSThread`, `NSPanel`, and `NSMakeRect` to construct a 312×210 pixel textured window, position it at the screen center, and set it to float above other windows. It manages a thread dictionary key to prevent duplicate panels, toggling the window open or closed on repeated plugin runs. The plugin calls `document.showMessage()` for user feedback and hides the miniaturize and zoom buttons via `standardWindowButton`, with the table view setup currently stubbed out.

KKevinGutowski

49% match

Loading thumbnail…

Gist c4276ed96ff4bd575933c7ad390a7a92

This example demonstrates a custom event-dispatch loop using the D3 dispatch module. It creates a `dispatch` object with a `foo` event, registers a handler, and then triggers that event 3,000 times via `dispatch.call`. The handler checks whether the passed argument is `undefined` and prints a message if so. The page displays the total number of times the handler was called. The code relies on `d3_dispatch.dispatch` and the `on`/`call` methods to manage custom event flow, with no external data source.

HHypercubed

49% match