Displaying 1 to 20 from 91 results

react-mixin - mixins in react with es6 style classes

  •    Javascript

React doesn't have anything built in for this, but don't worry! This package implements react's mixin strategy for arbitrary objects. 90% of the time you don't need mixins, in general prefer composition via high order components. For the 10% of the cases where mixins are best (e.g. PureRenderMixin and react-router's Lifecycle mixin), this library can be very useful.

Sortable - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices

  •    Javascript

Sortable is a minimalist JavaScript library for reorderable drag-and-drop lists. You can use any element for the list and its elements, not just ul/li. Here is an example with divs.




core-decorators - Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more

  •    Javascript

Library of JavaScript stage-0 decorators (aka ES2016/ES7 decorators but that's not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more. Popular with React/Angular, but is framework agnostic. Similar to Annotations in Java but unlike Java annotations, decorators are functions which are applied at runtime. This can be consumed by any transpiler that supports stage-0 of the decorators spec, like babel.js version 5. Babel 6 does not yet support decorators natively, but you can include babel-plugin-transform-decorators-legacy or use the applyDecorators() helper.

react-masonry-component - A React.js component for using @desandro's Masonry

  •    Javascript

if you wish to have IE8 support, v2 with React 0.14 is the highest version available. To use the component just require the module.

react-tween-state - React animation.

  •    Javascript

The equivalent of React's this.setState, but for animated tweens: this.tweenState. Live demo and source.

mixwith.js - A mixin library for ES6

  •    Javascript

A simple and powerful mixin library for ES6. mixwith differs from other mixin approaches because it does not copy properties from one object to another. Instead, mixwith works with "subclass factories" which create a new class that extends a superclass with the mixin - this is called a mixin application.


lodash-id - Makes it easy to manipulate id-based resources with lodash or lowdb

  •    Javascript

Finds and returns document by id or undefined.Adds document to collection, sets an id and returns created document.

cocktail - Cocktail: DRY up your backbone code with mixins

  •    Javascript

Break out your shared Backbone.js model/collection/view behaviors into separate modules and mix them into your classes with Cocktail - an implementation of Backbone mixins. Mixins are simply bare-bones JavaScript objects that provide additional functionality to your Backbone objects. Think of them as bags of methods that will get added to all instances of your objects.

react-lifecycle - A ReactJS mixin for logging component lifecycle method call

  •    Javascript

A ReactJS mixin for logging component lifecycle method call

react-timer-mixin - TimerMixin provides timer functions for executing code in the future that are safely cleaned up when the component unmounts

  •    Javascript

Using bare setTimeout, setInterval, setImmediate and requestAnimationFrame calls is very dangerous because if you forget to cancel the request before the component is unmounted, you risk the callback throwing an exception.If you include TimerMixin, then you can replace your calls to setTimeout(fn, 500) with this.setTimeout(fn, 500) (just prepend this.) and everything will be properly cleaned up for you.

class - Class System

  •    Javascript

hydro-class is a full Class system for JavaScript. It's very much inspired by Ember.js' object system, but ported over to Node and without the weight of Ember. create() allows you to add more properties before the instance is created (for that instance only) and add Mixins for that instance only.

bindle - A lightweight EventEmitter-like API for JavaScript classes, best suited for games.

  •    Javascript

Bindle is an EventEmitter for JavaScript "classes". It's most suitable as the base of an entity/component system - not to be used directly, but the little ~1-2kB of functionality you need to build upon.Which is fine when you're only dealing with small scenes, but if your instantiating large numbers of emitters in a short time frame you may need to be conservative. Even if you're careful to reuse listener functions, each one still has to store an index of events unique to that emitter.

bindlestiff - A light entity/component component system for JS game development

  •    Javascript

A light entity/component system for building JavaScript games. Can easily be used alongside other libraries/modules such as d3, voxel.js, or three.js - if you're looking for something lighter still, the entity's mixin functionality is using bindle under the hood.Components define the behavior of your entities: for example, a physical component could encapsulate all of your physics handling and a sprite component could take care of drawing the entity to the screen.

protein - Protein is http prototype mixins for Node.js

  •    Javascript

If we rewrite the above example using Connect it would look like.Now when we access request.query the first time the query will be parsed and in all other cases no parsing happens. Notice Protein is actually defining the getter on the mixin prototype so it's actually only defined once - NOT every request.

root - a lightweight prototypical middleware web framework

  •    Javascript

A super lightweight web framework with routing and prototype mixin support.This basicly means that you don't need to worry about /.. attacks when serving files or similar.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.