RxJqueryExtension

Общие сведения: Эта библиотека была создана в ходе работы над визуализацией SQL-генератора. Ранее я рассмотрел несколько внешних библиотек: https://github.com/Reactive-Extensions/RxJS и Bacon.js. После этого было принято решение самостоятельно написать свою библиотеку.

Причины:

1. Внешние библиотеки содержали слишком много абстракций, что затрудняло использование наблюдателей.
2. API этих библиотек были недостаточно "практикующими". Мне требовалось простое наблюдение и уведомление, но таких API не существовало.
3. Я полагал, что использование jQuery вместе с ещё одним сложным библиотечным решением будет излишним.

Результат:

1. Была создана эта библиотека.
2. На её основе был создан плагин для управления связанными select-элементами.
3. Написаны два примера использования: один для выполнения юнит-тестирования основной библиотеки, второй — для тестирования производного плагина.Описание API: Мой API очень прост: Когда объект jq — поскольку он основан на DOM-элементах (ограниченных input, select и button) — вызывает метод $(selector).reactive*(), где * может быть select или input, этот объект jq регистрируется в центре уведомлений, который работает аналогично iOS Notification Center. Каждое уведомление имеет ключ-значение, где ключ — это имя атрибута DOM-объекта, а значение — это новое значение. Когда объект jq вызывает метод $(selector).connectRx(map), он начинает наблюдать за уже зарегистрированными объектами в центре уведомлений согласно параметрам map.Пример кода:

$('#select2').reactiveSelect().connectRx({
    targets: ['select1'],
    func: function(data) {
        console.log(data['select1']);
    }
});

$('#select1').reactiveSelect().connectRx({
    targets: ['select2'],
    func: function(data) {
        console.log(data['select2']);
    }
});

Этот код регистрирует select1 и select2 в центре уведомлений и позволяет им наблюдать за изменениями друг у друга.