Install

meteor add gustawdaniel:reactive-set

Examples

Basic use

Create new reactive set.

let set = new ReactiveSet();

Template use

Create new reactive set scoped to a template

Template.example.onCreated(function() {
    this.set = new ReactiveSet();
});

Add elements to set you created in your template

Template.example.events({
    'click .class'(event, instance) {
        instance.set.add(event.target.value)
    }
});

Show what's been added to the array you created in your template

Template.example.helpers({
    clickedElements() {
        return Template.instance().set.get();
    }
});

Server side

You can use this on server side

import { Meteor } from 'meteor/meteor';
import { ReactiveSet } from 'meteor/gustawdaniel:reactive-set'

Meteor.startup(() => {
    let set = new ReactiveSet();

    let counter = 0;

    setInterval(function () {
        set.add(counter++);
    },1000);

    Tracker.autorun(function () {
        console.log(set.get())
    });

});

Properties and methods

Package implements methods and properties from list:

type	name	action	implemented
property	constructor	no	yes
property	size	depend	yes
method	add	changed	yes
method	clear	changed	yes
method	delete	changed	yes
method	entries	depend	yes
method	forEach	depend	yes
method	has	depend	yes
method	keys	depend	yes
method	values	depend	yes
method	@@iterator	depend	no

Contribution

If you are interested to contribute, then I typed simple instruction of install this package locally, run tests and use it in exemplary meteor app. This docs is placed in wiki.

TODO in v0.0.3:

• Add Support form @@iterator
• Test forEach and depend methods
• Better describe get and set methods
• Test invalid input of methods and constructor

TODO in v0.0.4:

• Support for methods isSuperset, union, intersection, difference.

---

Further reading about Set object

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set