Публикации по теме 'mobx'
Создайте приложение ToDo с помощью React, TypeScript и Mobx
В этой истории мы создаем простое приложение с использованием Mobx и React. Мы рассмотрим, как Mobx может упростить обновление в нескольких местах, а также как его можно использовать для внедрения зависимостей.
Давайте создадим приложение React с помощью CRA , используя npm в качестве диспетчера пакетов:
npx create-react-app todoapp --template typescript --use-npm
Установить Mobx
npm i mobx mobx-react mobx-utils
Мы будем создавать простое приложение ToDo для этой истории...
Пробуем MobX
Отличная альтернатива нашему обычному рабочему процессу Redux .
В Hexient Labs мы пишем МНОГО React и React Native . Мы традиционно использовали Redux для нашего решения по управлению состоянием, и мы сосредоточились на использовании шаблона утки для структурирования наших приложений React-Redux.
Теперь мы любим Redux. Это отличный способ управлять состоянием ваших приложений React и упрощает отладку; однако обременительно начинать с большого количества шаблонного кода для..
Выпущен MobX 3: очистка лука от кожуры
Выпущен MobX 3: очистка лука от кожуры
С радостью сообщаю, что MobX 3 общедоступен! Версия 3 не вводит много новых концепций и почти ничего не меняет в основном алгоритме. Но API получил много улучшений. Теперь API стал более согласованным и прокладывает путь к реализации Mobx на основе прокси (которая должна быть сделана после того, как все основные веб-браузеры поддержат этот шаг). Полную информацию обо всех критических и неразрывных изменениях можно найти в журнале изменений ,..
Для управления состоянием Vue 2 я рекомендую Vue-Stash
Сначала в React у нас был Flux. Затем мы перешли на redux. Теперь мы переходим к MobX.
Vue начал с Vuex, который является эквивалентом redux. Однако Vue-Stash - это MobX для Vue.
Настроить магазин очень просто, и вы можете напрямую устанавливать значения, не выполняя действия = ›церемония сокращения. Он хорошо организован и делает магазин таким, каким он должен быть, и о нем легче рассуждать.
Vue 2 запрашивает, чтобы вы не обращались к родительскому состоянию напрямую через дочерние..
Вопросы по теме 'mobx'
Как получить Mobx.autorun, чтобы предотвратить срабатывание в конструкторе класса?
В этом классе я использую инициализированное логическое состояние для выполнения Mobx.autorun. В противном случае «это» не присваивается полностью и приводит к ошибкам. Есть ли другой/более чистый способ сделать это?
class GameMaster{
private...
712 просмотров
schedule
06.01.2023
Почему MobX менее подходит для приложений, в которых есть модель домена только с добавлением?
Создатель MobX Мишель Вестрейт сказал:
MobX подходит для создания любого приложения, которое должно выполнять CRUD-подобные операции с моделью состояния. Он менее подходит для приложений, в которых есть модель домена только с добавлением....
386 просмотров
schedule
07.05.2022
Я не могу понять, почему ввод не обновляется с помощью MobX
Итак, я попытался использовать MobX с реакцией, но не могу понять, почему ввод не обновляет свое значение.
Это код, который я написал до сих пор:
@observer(['recipeStore'])
class App extends Component {
render() {
return (
<input...
1114 просмотров
schedule
27.10.2022
Лучшие практики использования Aurelia с FLUX
Aurelia великолепна, но она не предоставляет решения для управления состоянием. Я немного исследовал и нашел две концепции этого.
Redux: https://www.npmjs.com/package/redux-aurelia
Это позволяет нам использовать основную концепцию редукции...
1029 просмотров
schedule
24.02.2023
mobx: array.map () не является функцией
Я создал магазин, используя mobx следующим образом:
import {extendObservable} from 'mobx';
class InfluencerFeedStore {
constructor() {
extendObservable(this, {
data: []
});
}
setData(items = []) {...
2579 просмотров
schedule
07.10.2023
Поведение автозапуска MobX
Я изучаю MobX и меня заинтриговала проблема:
Если у меня есть это наблюдаемое:
class ItemsStore {
@observable items = [1,2,3];
}
const store = new ItemsStore;
а затем измените его так:
setInterval(() => {
store.items[0] =...
958 просмотров
schedule
24.11.2022
Могу ли я напрямую изменять состояние при использовании React с MobX?
Единственная причина, по которой я не должен этого делать, - позволить реагировать на обновление. https://facebook.github.io/react/docs/state-and-lifecycle.html#using-state-correctly Но похоже, что MobX-react делает за меня эту грязную работу....
975 просмотров
schedule
27.06.2022
Использование прокси с магазином mobx
У меня есть приложение с реакцией и mobx, и я хочу отделить все журналы взаимодействия с пользователем (вызов действий) из магазина Mobx, поэтому я провел некоторый поиск и обнаружил, что шаблон прокси - лучший способ для этого персонала, и мой вопрос...
791 просмотров
schedule
14.07.2022
Я не могу вызывать функции на моем django, используя react, mobx, axios, django
Функция из моего магазина mobx вызывается, но axios не может найти мою функцию django.
store.jsx
import { autorun, observable, action, computed } from 'mobx';
import axios from 'axios';
axios.defaults.xsrfHeaderName = "X-CSRFToken";...
186 просмотров
schedule
14.07.2023
MobX + React Native: способ внедрения магазинов
Я пытаюсь работать с MobX над новым проектом. Я запустил его в мае 2017 года, и все работало хорошо. Мне пришлось остановиться, и теперь я продолжаю это развивать. Мне пришлось сделать npm install , чтобы заставить его работать, но теперь у меня...
4314 просмотров
schedule
04.10.2022
Как передать props из наблюдаемого mobx в наблюдаемый mobx-react?
Не могу понять mobx-react ...
Как передать реквизиты из наблюдаемого мобкса наблюдателю, реагирующему на мобкс?
Приведенный ниже код не работает, но я чувствую, что должен. Может кто-нибудь сказать мне, что не так?
let mobxData =...
978 просмотров
schedule
11.04.2023
React - поле ввода проверки Mobx
Я искал проверку MOBX для поля ввода, но я не смог ничего найти, я нашел «MobX-input», который требует формы, но у меня нет никакой формы. Другой, который я обнаружил, был "mobx-react-form" с ValidatorJs, который снова использует форму. любой намек...
1409 просмотров
schedule
12.05.2022
Внедрение Store в компонент React приводит к ошибке
Я пытаюсь внедрить хранилище в свой компонент React, но получаю следующую ошибку:
Undefined не является функцией (оценка «декоратора (цель, свойство, описание)»)
В моем App.js у меня есть:
import React, { Component } from 'react';...
981 просмотров
schedule
04.09.2022
Можно ли установить тип, который не вызывает метод render () в React-Native? дерево состояний mobx
Я сейчас знакомлюсь с React. Я выбрал mobx-state-tree для управления состоянием.
Поскольку я использовал шаблон MVP в своих проектах Android, я бы применил тот же принцип к mobx-state-tree.
Как я сейчас реализовал, это работает.
Однако я...
77 просмотров
schedule
01.05.2023
Объект Mobx Observable реагирует на обновления
У меня есть наблюдаемый объект mobx:
@observable friend = {name: 'bert'}
И у меня есть действие mobx, которое обновляет объект:
@action addAge = () => this.friend.age = 20
Но мой объект friend не обновляется.
Я просмотрел...
417 просмотров
schedule
01.07.2022
Как установить PropType магазина mobx?
Я использую здесь: React , ESLint , Mobx .
Я не уверен, как правильно установить PropType магазина mobx, который я передаю поставщику .
ESLint дает мне эту ошибку :
Магазин [eslint] отсутствует при проверке свойств (типы...
2373 просмотров
schedule
28.07.2022
Непрозрачность компонента React Native не обновляется при обновлении реквизита
У меня есть дочерний компонент React Native, который отображает кнопку в полупрозрачном состоянии, если для свойства disabled установлено значение true. Свойство, вероятно, будет обновлено после первоначальной загрузки приложения (после того, как...
2385 просмотров
schedule
19.02.2024
Не могу заставить самый простой магазин mobx работать с наблюдателем
Я только начал пробовать mobx-react с помощью хранилищ и хочу использовать хранилище плюс один наблюдаемый объект, но даже не могу заставить это работать.
С @observer я получаю ошибку Uncaught TypeError: Cannot assign to read only property...
783 просмотров
schedule
28.12.2022
Mobx @ вычисляемые функции с параметрами
Я новичок в Mobx, но пока он работает отлично, и мне удалось продвинуться довольно далеко. У меня есть приложение с поддержкой реакции с mobx и mobx-persist. Я использую аксиомы для извлечения сообщений с сайта Wordpress. Функциональность, которую...
5920 просмотров
schedule
23.02.2023
Как мне реализовать ленивое поведение с MobX?
Следующий код предназначен для печати перевернутого списка пользователей при добавлении нового пользователя, но он не работает. Автозапуск слушает ленивую вычисляемую переменную (_userArrayRev), но как включить пересчет этой переменной? Автозапуск...
381 просмотров
schedule
05.03.2023
