Не, что за воркшоп?)

твой)

А можно ссылку? 😃

Может речь про яндексовый доклад?

Это?
https://www.youtube.com/watch?v=HOnU6tEtW3U

могу даже линки на секунды видео кинуть, ты такой - "о что-то не заработало, перезапустим приложение"

ок

Мб на атом, который хендлит экшен, нет подписки?

уже все "починилось" перезагрузкой приложения, подписка есть, стор обновляется

ладно, забыли, может дело в криво подключенном редакс дев тул, поэтому вернемся к изначальному вопросу

можно ли расширить пример basic https://reatom.js.org/#/packages/debug?id=redux-devtools по подключению дев-тулов так

import { createStore } from "@reatom/core";
import { connectReduxDevtools } from "@reatom/debug";

import { elementsAtom } from "./element";

const isProduction = process.env.NODE_ENV === "production";

export const store = createStore(elementsAtom);

const unsubscribeDevTools = !isProduction && connectReduxDevtools(store);

и не влезать в реакт-компоненту, как обозначено чуть ниже?

1. для чего вводит unsubscribeDevTools если мы его никуда не экспортируем? (понимаю, потенциально мы его можем использовать в useEffect), но в этом случае дев-тулы нужно будет затянуть в рантайм
2. будут ли утечки памяти? вот у меня сейчас все работает так

import { createStore } from "@reatom/core";
import { connectReduxDevtools } from "@reatom/debug";

import { elementsAtom } from "./element";

const isProduction = process.env.NODE_ENV === "production";

export const store = createStore(elementsAtom);

const unsubscribeDevTools = !isProduction && connectReduxDevtools(store);

Можно как угодно, главное что бы подключение девтулзов было рядом с созданием стора. Пример с реактом для того что бы хот релоад работал корректно

у тебя дебаг пакет в dependencies?

есть пример репозитория кроме воркшопа?

Его должно оттришейкать

import { createStore } from "@reatom/core";
import { connectReduxDevtools } from "@reatom/debug";

import { elementsAtom } from "./element";

const isProduction = process.env.NODE_ENV === "production";

export const store = createStore(elementsAtom);

const unsubscribeDevTools = !isProduction && connectReduxDevtools(store);

Вообще можно не заморачиваться, там кода меньше килобайта.

ну как хочется)

Тут с реактом https://codesandbox.io/s/reatom-todo-app-timetravel-zz0tj

вопроизвел баг с тем, что не отображаются все экшны. это происходит при подключении дев-тула через компонент. код https://gitlab.com/rvct/mendeleev/-/commits/demo-dev-tools-reatom

store https://codesandbox.io/s/zen-cartwright-5k4kv?file=/src/app/store/store.ts начальный состоит из атома

service  https://codesandbox.io/s/zen-cartwright-5k4kv?file=/src/app/store/element/service.ts

поставил специально 3 экшна  - getElementsFetching, логируется только getElementsSuccess, после того как мок-апи отрабатывает (cм скрин)

подключаю дев-тул в компоненте https://codesandbox.io/s/zen-cartwright-5k4kv?file=/src/app/App.tsx

но если я подключение перенесу в store.ts



import { createStore } from "@reatom/core";
import { connectReduxDevtools } from "@reatom/debug";

import { elementsAtom } from "./element";

const isProduction = process.env.NODE_ENV === "production";

export const store = createStore(elementsAtom);

const unsubscribeDevTools = !isProduction && connectReduxDevtools(store);

будет логироваться все