Flyweight Sample Implementation

100%

Flyweight Sample Implementation

✓ Published0🌍 Public

Last edited Nov 2, 2016

Created on Nov 2, 2016

This example demonstrates the Flyweight design pattern by sharing common task properties across many task objects. The `Task` constructor stores only the unique `name` property directly, while delegating shared attributes like `project`, `priority`, `user`, and `completed` to a `Flyweight` object managed by a `FlyweightFactory`. The factory caches flyweights using a concatenated key of these shared values and exposes a `getCount` method to track the number of distinct flyweights created. The code relies on plain JavaScript object literals and factory closures, with no external visualization libraries.

AI-generated description

Similar vizzes

Loading thumbnail…

JS Bin

This example demonstrates JavaScript object constructors and method definitions using plain functions and the `new` keyword. It creates a `Task` constructor with properties for `name` and `completed`, as well as `complete` and `save` methods that log actions to the console. Four task instances are instantiated, with one marked complete and the others saved. The code uses no external libraries or data sources, relying entirely on native JavaScript syntax and console output to illustrate basic object-oriented patterns.

JJaxonDvl

53% match

Loading thumbnail…

Gist 7facf6eee4cdc2d78b333fb54eafc2c9

This example demonstrates a dynamic task-management interface that updates in response to simulated HTTP polling data. The visualization shows a table of devices and their associated tasks, where each periodic response adds new tasks to existing devices or introduces entirely new device rows. Users can click on individual tasks to complete them, removing them from the display to free up space for future updates. The implementation uses plain JavaScript with a custom `getResponse` function to generate random device-task assignments, and the UI is built directly via the DOM API without external libraries, featuring a clean two-column layout for professional presentation.

WWill Carter

49% match

Loading thumbnail…

Linq exercises I did in .NetFiddle

This example showcases a series of LINQ (Language Integrated Query) exercises in C# that progressively build from basic filtering to grouping and aggregation. The code, stored as a gist by abonello, defines a TaskItem class with Id, Title, and Completed properties, then demonstrates core LINQ operations including Where for filtering, OrderBy for sorting, Select for projection, Count and Any for aggregation, and FirstOrDefault for element retrieval. The exercises also include GroupBy to summarize completed vs. pending tasks, with each iteration refining the approach—starting with inline ForEach loops, moving to a reusable PrintTasks helper method, and finally exploring concise query syntax with null-conditional operators. The examples show practical patterns for querying in-memory collections, making it useful for developers learning LINQ or preparing for coding interviews.

Aabonello

48% match

Loading thumbnail…

examples

This example demonstrates three JavaScript design patterns through code snippets: the Adapter, Iterator, and Singleton patterns. The Adapter pattern wraps a `ModifiedShipping` object to expose a `request` method compatible with the original `Shipping` interface. The Iterator pattern implements a custom `Iterator` class with `first`, `next`, `hasNext`, and `each` methods to sequentially traverse an array. The Singleton pattern uses a closure to ensure `getInstance` always returns the same object instance. The code uses plain JavaScript with no external libraries, and each pattern includes commented explanations of its purpose and trade-offs.

VVictorHom

47% match

Loading thumbnail…

Gist d0d5610ab577351ae1b1

This example shows a navigation menu for a warehouse task interface, with links for Picking and Dispatch tasks that highlight the active task type. The HTML uses AngularJS directives such as `ng-repeat`, `ng-href`, and `ng-class` to render task links dynamically from a `rows.consignment.data.tasks` array, while filtering out transit tasks with `ng-if`. Font Awesome icons (`fa-check-square-o`, `fa-truck`) provide visual labels, and the `active` class is conditionally applied based on the current task type name. No other JavaScript libraries or rendering techniques are present beyond the AngularJS bindings.

Aandybak

46% match

Loading thumbnail…

counting things in javascript

A short JavaScript snippet counts word frequencies from a fixed string of text, using the array `reduce` method to tally occurrences and building a plain object that maps each word to its count. The example demonstrates a minimal functional programming pattern for aggregating categorical data, with the source data being a literal sentence split into an array of words. The output is logged to the console, showing a frequency distribution where repeated words like “pease” and “porridge” appear with higher counts than unique terms. No external libraries are used; the code relies solely on native JavaScript array and object methods.

Aamundo

46% match

Loading thumbnail…

Gist 42ff8cbaaacab6e163d98ce5c7eed5ac

This example demonstrates a Redux-based task management flow where users can add todo items either synchronously or asynchronously. It shows how actions like `addTodo`, `setVisibilityFilter`, and `toggleTodo` update the application state, while the async variant fetches a title from the JSONPlaceholder API using `fetch` before dispatching the action. The code uses Redux’s `dispatch` pattern with a thunk-like function to handle asynchronous logic, and it assigns unique IDs via `nextTodoId`. No rendering or visualization library is present; the focus is purely on state management and action creation.

Aamortka

46% match

Loading thumbnail…

JavaScript: async/await with forEach()

This example demonstrates how to manage sequential asynchronous operations in JavaScript using `async/await` combined with a custom `asyncForEach` function. It shows a three-item array being processed one at a time, with each item logged to the console after a 50-millisecond delay imposed by the `waitFor` helper, which relies on `setTimeout` and a Promise. The `asyncForEach` function explicitly loops through the array with a `for` loop, awaiting the callback for each element, ensuring the `Done` message appears only after all items are processed. The code uses no external libraries, only native JavaScript Promise and timer APIs.

Aackuser

46% match