(Хвастаюсь) Создал упрощенный вьюкс для списков из одинаковых сущностей :) Сделал через

Question

(Хвастаюсь) Создал упрощенный вьюкс для списков из одинаковых сущностей :) Сделал через

плагины.

Создаешь контейнер. Задаешь ему имя и ключ который у объектов уникальный. И все, просто бросаешь туда объект (или список таких) — он выплевывает те самые объекты, но уже из контейнера (с одним ньюансом, о нем дальше). Хочешь обновить (например из сервера пришел) — просто кидаешь новый туда в контейнер как перед этим. Ну и естественно можно выводить их все.

В чем фишка: оно все рактивное. Объекты, которые возвращаются из контейнера после "закидывания туда" тоже уже реактивные, то есть можно изменить поле в нем — и оно обновится внутри контейнера и везде, где выводится. К этом еще добавил группирование.

Для чего может быть полезно, или зачем мне это:
Мне очень впадлу следить за стейтом вюкса и обновлять списки, которые мне надо, чтобы были реактивные. Например, сейчас я работаю над сайтом-приложением. Условно инстаграм можете себе представить. И вот оно все СПА, все круто. И есть вот посты. Допустим все они лежат в сторе и при измениении состояния одного из постов (лайкнул, прокомментировал) всегда надо вызывать экшн и описывать каждый случай обновления такого списка постов. Искать по айдишке, создавать наново объект поста и коммитить его в стор. Как я уже сказал — впадлу следить за обновлением этого всего, тем более сущностей больше, чем одни посты.

Поэтому я запарился над контейнерами, которые полностью реактивные, которые держат свой "стейт" вне компонент как у вьюкса.

Про группы: все просто, это деление котейнера на множества, которые могут пересекаться. Тут тоже все покрыто реактивностью вдоль и впоперек :)

Ближайшие to do:
• Хендлить когда напрямую в реактивном обьекте изменяют ключ
• Поле для сортировки

Скажите что думаете, и стоит ли это выпускать в люди?

#frontend #javascript #programming #russian #vue.js

0

02.09.2019

2 ответов

12 просмотров

Furrya Black Tempest

О, я не один такой извращенец, но я взял vue-function-api + effector + свои хуки: useEffect, useState, useReducer, useValue, useToggleSwitch (возможно будут еще)... поверх vfa + useStoreMap, useStore, mapStore (там много чего по сути, ну да есть где посмотреть логику, в effector-react xd)... хелперы для эффектора + контексты по аналогии с реактовскими поверх того что поверх vfa Одна боль, vfa в прод не протащить, но оно и в правду, вроде работает, а вроде как бомба у vfa там под капотом то же Vue.observable))

0

02.09.2019

Hedint · Accepted Answer

Hedint

а чем это отличается от Vue.observable(myObject) ?)

0

02.09.2019

169 похожих чатов

(Хвастаюсь) Создал упрощенный вьюкс для списков из одинаковых сущностей :) Сделал через

2 ответов

Похожие вопросы