Представьте себе ванильный джаваскрипт... данные у вас хранятся в переменных

Question

Представьте себе ванильный джаваскрипт... данные у вас хранятся в переменных

(примитивы всякие, объекты), вы пишете императивный код (ифы, циклы, свичи), гоняете эти данные по функциям, создаёте новые переменные. Но вы не можете подписаться на переменные, на их изменения, не можете отследить поток данных между ними.

Допустим у вас есть объект с данными и методы, которые эти данные изменяют. Вы хотите создать интерфейс для пользователя, чтобы показать эти данные и дать возможность с ними взаимодействовать. Вы берете реакт, создаёте компонент на jsx и выводите там свои данные, на кнопки навешиваете методы, и рендерите компонент на странице. Но о ужас 😱, пользователь кликает на кнопки, данные в объекте меняются, но данные на странице не обновляются. Вам нужно просто перерендерить компонент, если данные изменились, но данные лежат в обычном джаваскрипт объекте, вы не можете на него подписаться, вы также не можете простым способом отследить вызовы ваших функций. Что же делать?

Используйте эффектор! Возьмите вместо переменных - сторы, в которых вы можете хранить ваши данные (как в переменных), вместо обычных функций - ивенты, которые вы можете запускать (как ваши методы), и вместо обычных асинхронных функций - эффекты, которые позволяют вам обрабатывать ваши данные асинхронно (как промисы). Теперь все данные и методы являются отслеживаемыми. Нужно подписаться на обновление данных в компоненте? Легко! useStore и пользователь видит изменения.

Изучи эффектор! Поднимись на новый уровень программирования! 🙂

#frontend #javascript #programming #react.js #russian

0

01.05.2020

2 ответов

19 просмотров

Ivan 🧑‍🚀

blogPostBody .replace(“эффектор”, “mobx”) .replace(“ивенты”, “actions”) .replace(“useStore”, “observer”)

0

01.05.2020

Looch · Accepted Answer

Looch

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

0

01.05.2020

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

Представьте себе ванильный джаваскрипт... данные у вас хранятся в переменных

2 ответов

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