Интеграция с Solid.js

Нативная реактивность Solid.js

Соответствующие импорты:

import { Router } from 'reactive-route/solid';
import { adapters } from 'reactive-route/adapters/solid';

Никаких дополнительных пакетов или конфигурации не требуется.

MobX

Соответствующие импорты:

import { Router } from 'reactive-route/solid';
import { adapters } from 'reactive-route/adapters/mobx-solid';

Пакет mobx должен быть установлен.

У Solid.js нет нативной интеграции с MobX. Поэтому соответствующий код должен быть включен в entry file, например:

import { Reaction } from 'mobx';
import { enableExternalSource } from 'solid-js';

let id = 0;

enableExternalSource((fn, trigger) => {
  const reaction = new Reaction(`mobx@${++id}`, trigger);

  return {
    track: (x) => {
      let next;
      reaction.track(() => (next = fn(x)));
      return next;
    },
    dispose: () => reaction.dispose(),
  };
});

Observable

Соответствующие импорты:

import { Router } from 'reactive-route/solid';
import { adapters } from 'reactive-route/adapters/kr-observable-solid';

Пакет kr-observable должен быть установлен.

Не забудьте включить интеграцию в entry file:

import { enableObservable } from 'kr-observable/solidjs';

enableObservable();