Публикации по теме 'mobx'
Redux против MobX
TL; DR; MobX для 1–3 человек или небольших приложений, Redux для всего остального.
В последнее время я изучаю и использую MobX и Redux для проекта, который, скорее всего, в ближайшие несколько лет превратится во что-то вроде JIRA. Бегло прочитав слишком много статей, обсуждений и потратив время на создание двух приложений из обеих технологий, я решил выделить эти три ресурса, которые, как мне показалось, лучше всего объясняют ключевые различия и варианты использования для MobX и Redux...
и mobx-devtools-mst
и mobx-devtools-mst
Проводили ли вы какое-либо тестирование влияния прокси на производительность MobX 5?
Проводили ли вы какое-либо тестирование влияния прокси на производительность MobX 5?
Когда и почему keepAlive MobX вызывает утечку памяти?
Чтобы вычисленные значения оставались активными, можно использовать параметр keepAlive: true , но учтите, что это потенциально может вызвать утечки памяти.
Цитата выше взята из документации MobX . Если вам кажется, что я читал это заявление, вы, вероятно, задаетесь вопросом: что именно будет утечкой? Если это всего лишь потенциальная утечка, в каких ситуациях нам следует об этом беспокоиться? И как этого избежать?
Пост - попытка ответить на эти вопросы. Но сначала немного..
Как десериализовать массив?
Дана строка json, описывающая нескольких пользователей, где USer: export class User{ @serializable public firstname: string;
@serializable публичная фамилия: строка; }
Как мне вызвать десериализацию? Компилятор жалуется, когда я пытаюсь вызвать следующее: десериализовать(User[], jsonString)
ОШИБКА в C:/Users/rbarcelo/Documents/std/client/src/app/common/services/data.service.ts (39,45): ожидается выражение.
ОШИБКА в..
Вопросы по теме 'mobx'
Как создать реакцию в магазине mobx
Я хочу автоматически получать пользовательские данные, как показано ниже, но получаю сообщение об ошибке в строке наблюдения:
Uncaught Error: [mobx] Ошибка инварианта: невозможно получить атом из [object Object]
class AuthStore {...
1222 просмотров
schedule
10.05.2024
mobx - просмотр логики по магазинам
У меня есть очень большое приложение на mobx + react, где многие компоненты вызывают одни и те же действия в магазине. Например, «удалить фото» можно вызвать из списка фотографий или из модального окна. Но перед выполнением действия я должен,...
577 просмотров
schedule
06.10.2022
Обнаружение изменения наблюдаемого mobx
Можно ли каким-либо образом обнаружить наблюдаемые изменения?
Например, скажем, у вас есть это:
@observable myObject = [{id: 1, name: 'apples'}, {id: 2, name: 'banana' }]
А позже, при некотором вводе пользователя, значения меняются. Как я...
5389 просмотров
schedule
10.10.2022
передать наблюдаемые данные mobx в props
Использование mobx в проекте response-typescript. Этот класс устанавливает наблюдаемый массив с API выборки:
class MenuRepo {
@observable menuItems?: IMenuModel[];//=[{Id:1,itemName:"asd",childItems:[]}];
@action getItems(): void {...
1790 просмотров
schedule
15.10.2022
Использование MobX в гибридном приложении ReactJS и ReactNative
Я и моя команда создаем гибридное приложение ReactJS и ReactNative. Идея состоит в том, чтобы как можно больше делиться кодом. MobX — хорошее решение для управления состоянием, но мы столкнулись с проблемой. Наши общие хранилища состояний должны...
75 просмотров
schedule
21.04.2024
Наблюдаемый MobX с динамическими данными
У меня следующий класс
export default class BaseStore {
@observable model ;
@action updateStore(propertyName, newValue) {
this.model[propertyName] = newValue;
}
}
В дочерних классах я добавляю слои к наблюдаемой модели, например:...
2010 просмотров
schedule
12.01.2024
Как создать экземпляр React компонента с введенными свойствами
Я конвертирую проект реакции из redux в mobx, и у меня возникла следующая проблема: я использовал шаблон контейнер / презентатор с redux, что означало использование функции «connect» redux, например:
export default connect(mapStateToProps,...
2610 просмотров
schedule
17.02.2024
mobx-react-boilerplate @ неожиданный токен
Я хотел начать новый проект React. Я решил использовать Mobx. Я нашел шаблон, который показался мне идеальным для начала. Я получил https://github.com/mobxjs/mobx-react-boilerplate . и я столкнулся с проблемой. Когда я выполняю npm start ,...
378 просмотров
schedule
07.01.2024
React Router 4 с Mobx повторно инициализирует компонент
Я использую реактивный маршрутизатор v4 с mobx, и я столкнулся с очень раздражающей ошибкой. Это мой index.js
const history = createHashHistory();
render(
<Provider history={history} {...stores}>
<Router...
118 просмотров
schedule
13.01.2024
Как связать mobx-react-form с mobx-state-tree store
У меня есть форма с тремя полями A, B и C. Я использую mobx-react-form для обработки полей, потому что он поставляется с встроенными обновлениями onChange и проверкой. Я настроил это, и он отлично работает, когда я выхожу из системы.
const View...
877 просмотров
schedule
27.09.2022
Дерево состояний Mobx: создание экземпляров на лету
У меня есть модель с именем Event, у которой есть свойство, ссылающееся на другую модель. Я создаю экземпляры Event «на лету», не подключая их к корневому хранилищу. Проблема в том, что mst не может разрешить ссылку (я думаю, потому что они не в...
498 просмотров
schedule
01.04.2024
MobX полностью пересчитывает при чтении, хотя наблюдаемые не меняются?
У меня есть магазин mobx, который выглядит как
class EntityStore {
rootStore
@observable entityIndex = {}
constructor(rootStore){
this.rootStore = rootStore;
}
@action addEntities(entityArray){
entityArray.forEach((entity) =>...
1043 просмотров
schedule
14.04.2024
Многоразовые действия в mobx / mobx-state-tree
У меня есть несколько магазинов mobx, и я обнаружил, что в каждом из них есть в значительной степени идентичные действия. Поэтому я надеюсь, что смогу обобщить и повторно использовать их в разных магазинах. Ниже я попытался выделить действие create...
220 просмотров
schedule
07.11.2022
Как перехватить наблюдаемые обновления Mobx в постоянном компоненте NextJS React Audio Player?
У меня есть приложение для реакции аудиоплеера на стороне сервера.
Используя пользовательский _app.js NextJS , у меня есть постоянный компонент AudioPlayer, в котором я хочу вызывать внутреннюю функцию this.play(mp3url) всякий раз, когда...
1824 просмотров
schedule
24.12.2023
Компонент Mobx React не обновляется при рендеринге
Я работаю с mobx и React. У меня есть компонент класса с ComponentDidMount (который вызывает хранилище async-await). Первый выводит все поля как неопределенные, потому что приходит ответ от магазина. Когда я получил response.data из хранилища,...
590 просмотров
schedule
21.10.2022
React + mobx не отображается при начальной загрузке страницы
Я пытался погрузиться в React+mobx, но столкнулся с проблемой. У меня есть хранилище, которое извлекает данные с сервера, и после завершения выборки полученные данные должны быть представлены на странице. Ошибка при начальной загрузке — данные не...
218 просмотров
schedule
07.03.2024
React Mobx редактировать наблюдаемый массив
Я изучаю Mobx и пытаюсь создать приложение-форму, которое отображает некоторые поля массива, и вы должны иметь возможность их редактировать.
У меня есть массив @observable myArray , как мне отредактировать определенное поле этого массива?
Я...
118 просмотров
schedule
02.11.2022
Как взаимодействовать между магазинами Mobx, созданными с помощью React.createContext
У меня есть файл useStores.ts, в котором два хранилища Mobx инициализированы следующим образом.
import StoreA from "./stores/StoreA";
import StoreB from "./stores/StoreB";
const storesContext = createContext({
storeA: new StoreA(),...
320 просмотров
schedule
05.12.2022
Использование действий React Mobx из других хранилищ внутри компонентов и других хранилищ
в моем собственном приложении для реагирования я хочу использовать mobx для управления состоянием, мой магазин разделен на несколько магазинов / файлов, и, поскольку я хочу иметь возможность вызывать действия магазина из других магазинов, я реализую...
376 просмотров
schedule
28.10.2023
Console.log сначала показывает объект, а затем при щелчке показывает массив из одного объекта.
Я вызываю наблюдаемое в моем компоненте React с помощью MobX. Когда я записываю в консоль этот наблюдаемый объект, консоль сначала показывает значение как объект, а затем, когда я нажимаю на него, оно преобразуется в массив для этого одного объекта....
36 просмотров
schedule
28.11.2023
