Публикации по теме 'mobx'


Next.js встречает firebase и mobx | III
Next.js встречает firebase и mobx | III Эпизод 3 | правила проверки и чтение / запись данных Введение В последних двух эпизодах мы создали базовое приложение next.js и аутентифицировали наших пользователей через провайдеров firebase oauth. Это было довольно скучно, поскольку у нас даже нет данных в нашей базе данных: «(Так что давайте это изменим! Firebase полностью работает на стороне клиента, но, поскольку мы не можем доверять пользователям, мы должны определить правила..
MobX с функциональными компонентами React  — лучше Redux?
Рекомендуемая настройка MobX с функциональными компонентами React Оглавление "Фон" Основное понятие — Состояние — Действие — Производные "Как это работает" Файловая структура MobX в React с функциональными компонентами API — observable & makeObservable — makeAutoObservable — observer — action — runInAction — ⚠️ Обработка промисов — вычислено — автозапуск — реакция — когда — «⚠️ Советы по автозапуску, реакции и когда" Резюме: Эквивалентные хуки..
React и MobX-дерево состояний
Создание простого приложения с помощью этой отличной альтернативы Redux Последние 6 лет React был моим основным решением для разработки веб-интерфейсов. Его концепции просты для понимания, и мне также нравится, как он позволяет мне создавать свой собственный стек на его основе для создания интерфейса внешнего интерфейса, который мне нужен, специально адаптированный для каждого случая использования. Однако за такую ​​гибкость приходится платить - существует так много вариантов для..
Поддерживать взаимодействие полей формы сложно. Как упростить?
Если вы работали над разработкой пользовательского интерфейса, вы уже должны знать, насколько утомительно может быть поддержка нескольких полей и взаимодействия между каждым из них с помощью JavaScript. Например, если есть поле Country и поле Phone Number , где Phone Number должен быть доступен для редактирования, только если был выбран Country и после выбора страны, Country Code prop необходимо установить в поле Phone Number . Традиционно вы должны написать логику изменения..
Кодирование на React в вашем будущем? Проверьте МобХ.
MobX — это библиотека управления состоянием, которую вы можете использовать при разработке приложений React. Как указано в документации MobX, … это делает управление состоянием простым и масштабируемым за счет прозрачного применения функционального реактивного программирования . Вот список ссылок на некоторые из моих любимых ресурсов MobX: Обучающее видео по MobX + React: » Часть 1 (видео 7:00 мин.) » Часть 2 (видео 12:00 мин.) 10-минутное введение в MobX и React..
Предоставляет ли MobX сериализуемый журнал транзакций для воспроизведения состояния в стиле AOF?
Предоставляет ли MobX сериализуемый журнал транзакций для воспроизведения состояния в стиле AOF? Вот что я имею в виду под транзакционным состоянием. Кроме того, каждое нетривиальное приложение MobX, которое я видел, смешивает асинхронное управление состоянием (асинхронные действия) с представлениями и/или логикой обновления хранилища, что делает приложение более тесно связанным и трудным для отладки. Дополнительные накладные расходы на создание типов действий, чистых функций для..
полезные ссылки
На днях меня попросили на работе провести небольшой семинар по Mobx, и я подумал о том, чтобы добавить несколько полезных ссылок, чтобы другим было легко пройти. На данный момент я пробую Next.js, это так здорово, и некоторые из ссылок включают интеграцию с Mobx и как использовать декораторы. Несколько полезных сообщений о Mobx Mobx за 10 минут: https://mobx.js.org/getting-started.html Мобкс/декораторы https://www.robinwieruch.de/create-react-app-mobx-decorators/ Как создать..