Dmitry
Разница в unidirectional dataflow.
В MVVM тоже unidirectional. Всё общение происходит через ViewModel, при этом View подписывается на обновления. Так же и у Flux, общение идёт через цепочку action-dispatcher-store(т. е. ViewModel ), и при этом view подписывается на store
Alexey
Никто, что-ли, не понимает архитектурные паттерны здесь?
https://medium.com/@h_liyan/an-event-driven-mvvm-alternative-to-the-flux-front-end-architecture-b7a8fa8c9b58
Roman
Подскажите плз по верстке, у меня модальное окно под некотирими блоками находиться, тоесть контент блока напливает на модальное окно, так только на некоторих блоках, почему так(?
Dmitry
В mvvm vm обзается и с m и c v. В флюксе однонаправлено все.
Не вижу нигде этого https://en.m.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel
artalar
Всем привет! Кто может объяснить разницу между Flux и MVVM? Прочитал много статей и примеров, но везде суть всегда сводится к тому, что: 1. View подписывается на ViewModel(Store) за обновлениями 2. ViewModel(Action) общается с Model 3. View общается с Model через ViewModel(action-dispatcher-store update) *в скобках примеры из Flux *Да, в Flux есть элементы Action, Dispatcher, Store, но в совокупности они дают тот же самый ViewModel
В flux в идеале все подписки не напрямую, а через subscribe единственного стора, и все экшены так же через единственный диспатч. Стор, с dispatch и subscribe, предоставляет ворота которые ну никак нельзя обойти - в этом и заключается архитектурный бенефит, это намного предсказуемее и дебажится проще
artalar
По сути - это одно и то же
очень плохой ответ
Alexey
выше ссылку кинул, там даже если не читать, можно картиночки посмотреть
voix
Не вижу нигде этого https://en.m.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93viewmodel
Не знаю почему не увидел. Вьюмодель помимо дата-байндинга еще и команды может давать вьюшке. Достаточно посмотреть на визуальное представление паттернов, чтобы понять отличия. Они не координальные, разумеется, но вполне очевидны.
artalar
https://medium.com/@h_liyan/an-event-driven-mvvm-alternative-to-the-flux-front-end-architecture-b7a8fa8c9b58
очень быстро пробежался глазами, похоже на все те же грабли с мультисторами
voix
store тоже команды даёт для view
Но больше никому. Правильнее, конечно, говорить, что вью подписывается на стор.
artalar
Можно и так
Dmitry
Можно и так
Это уже имеет смысл. Только почему никто не говорит об этом, непонятно
artalar
Это уже имеет смысл. Только почему никто не говорит об этом, непонятно
Мб потому что это слишком верхнеуровневая абстракция и ее можно реализовывать на столько по разному, что в некоторых случаях действительно не видно разницы
Китикет
https://github.com/reduxjs/reselect эта либа еще актуальна или есть что-то лучше?
Если с редаксом, то это единственный способ более-менее нормально юзать редакс)
Andrey
всем привет. Кто использовал плагин babel-plugin-module-resolver? Прописал вот такой babelrc
Andrey
нет, не малаца. Такой импорт не работает. Что неправильно делаю не пойму
Dmitry
Но больше никому. Правильнее, конечно, говорить, что вью подписывается на стор.
Насколько мне известно, MVVM это не строгий набор правил и каждый реализовывает его по разному. Нельзя считать что Flux это одна из реализации MVVM? Плюс со всему это очевидно, что Flux из семей семейства MV*
Andrey
Так сначала проблему опиши
Проблема в том, что не работает импорт. Пути в .babelrc прописал правильно. babelrc лежит в корне проекта.
Китикет
Проблема в том, что не работает импорт. Пути в .babelrc прописал правильно. babelrc лежит в корне проекта.
Потому что root должен быть не в alias, а рядом.. Но в чем проблема юзать функционал вебпака?
Свидетель
Dmitry
Да, можно. Некторые реализации и правда похожи.
Вот это меня и волновало. Я, правда, не совсем понимаю зачем назвали это Flux и нигде не упоминают что это ещё одна реализация MVVM (MVVM-U(unidirectional))
Andrey
переделал, все равно не работает
Stanislav
Может кто подкинуть рабочий стайлгайд на разработку React-приложений? Интересно почитать!
Dmitry
https://medium.com/@h_liyan/an-event-driven-mvvm-alternative-to-the-flux-front-end-architecture-b7a8fa8c9b58
Тут описывается не MVVM, а какой-то Event Driven MVVM. т. е. это ещё одна реализация MVVM. Flux так то тоже можно назвать одной из форм MVVM
Oleg
кто что думает о react-table? хорошая библиотека или легче самому написать? просто периодически сталкиваюсь с проблемами, то width колонке не задать без костылей, то метод mergeProps удалили.
Dmitry
Сделайте PR в facebook/flux
Да я не хейтер и никого не учу. Просто хочу больше понимать во всех этих паттернах и иногда возникают непонимания
artalar
Ну можно с issue начать
Ivan
А почему нельзя сравнить
В редаксе есть хуки. Вот почему.
Китикет
переделал, все равно не работает
Ты уверен что он с не js файлами работать должен?
Eugene
😐
Andrey
Ты уверен что он с не js файлами работать должен?
да все правильно, по докам прописывал же все. Сейчас буду с вебпаком пробовать
Andrey
С вебпаком надо было сразу пробовать)
да кто ж знал, что такая фигня получится)))
Китикет
да кто ж знал, что такая фигня получится)))
Логично же, что алиасы должны настраиваться в бандлере, а не в компиляторе
Китикет
А тот плагин для бабеля это скорее для тех, у кого выбора нет, как мне кажется)
Eugene
😐
export 'utils' was not found in 'react-table' 😩 блэт неделю назад ток поставил, а уже фиксить ._.
Oleg
Потому что еще не было стабильного релиза, а так офигенная кастомизируемая либа. Аналогов нет.
там в 6 версии тоже что-то ломалось недавно. хотя она стабильная
Oleg
Ну 6 я уже давно не юзаю
ну и вот ещё - разраб говорит "не юзайте 6", но "7 в проде тоже не юзайте".
Oleg
Про 7 наоборот
что наоборот?
Vadim
что наоборот?
The differences between the 2 versions are incredibly massive. Unfortunately, I cannot write a one-to-one upgrade guide for any of v6's API, simply because much of it is irrelevant with v7's headless approach. The best approach for migrating to v7 is to learn its API by reading the documentation and then following some of the examples to begin building your own table component.
Ruslan
В редаксе есть хуки. Вот почему.
Только не в redux, а в react-redux )
Eugene
да норм она с кучей примеров
Vadim
Vadim
by reading the documentation, которая довольно скудна.
Нормальная. Нашел все что необходимо)
Eugene
о, круто =) пофиксил, стало еще проще
The show option has been deprecated. Visibility of columns can now be controlled using the hiddenColumns state property. It's an array of column ID's to be hidden. There are also brand new methods on the instance and columns for controlling visibility, including an example of how to build a column hide/show UI :) Cheers! и еще немного фиксов =)))
Eugene
блеее, сложна