мы плавно перетекли из сср в общий вопрос

Да :) И посмледние сообщения вернулись к SSR

@Romshark поэтому передаешь ProductGrid.load('shoes') в пропсе

и этот компонент сам все делает

Ты упрощаешь или усложняешь?

упрощаю, я перемащаю весь boilerplate в умный компонент и делаю родительский компонент тупым. А ты предлагаешь делать родительский компонент супер-умным а всё что ниже - тупым.

в 10 раз по факту меньше кода

Это только для прошаренных группа или новичкам можно тоже?

в 10 раз по факту меньше кода

Да вынес в миксины и фсе

Это только для прошаренных группа или новичкам можно тоже?

Заходи, садись, а дальше сам решишь

а вверх ? чтобы ездило со всем контентом

@fredddie заранее советую избегать @piterden , если новичок

Оки, спс, щас вольюсь в тему

Все понял?

https://jsfiddle.net/belanchuk/k1a4hj73/

Роомаа, @Romshark

Через недельку выкачу новый apicase, поможешь подводные камни с ssr разобарть?

надо пробовать мб и запашет да

заодно твой вопрос решится более изящным способом

Через недельку выкачу новый apicase, поможешь подводные камни с ssr разобарть?

чем смогу как говорится

ну я просто never used ssr

посему не знаю, что там может пойти не так

ну я просто never used ssr

а вот мне он сейчас позарез нужен, ибо E-Commerce без поддержки SEO и Social Media это плохая шутка))

@fredddie заранее советую избегать @piterden , если новичок

Вот это ты зачем сказал? Давай я буду такую хуйню нести. Ты же взвоешь через день. Веди себя прилично

чем смогу как говорится

я вот шас смотрю vue-hackernews-2.0. Собственно, там все через vuex и делается...

https://jsfiddle.net/belanchuk/k1a4hj73/

Чую, что ты чего то там изменил, но не сохранил..? У меня мой код открылсяю..

я вот шас смотрю vue-hackernews-2.0. Собственно, там все через vuex и делается...

Vuex это реализация Flux, а в флаксе у нас есть Стор, а в стор мы пихаем данные, которые делят меж собой разные компоненты, т.е. это в некой степени Root Scope

Можно вопрос про вебпак, а?

Vuex это реализация Flux, а в флаксе у нас есть Стор, а в стор мы пихаем данные, которые делят меж собой разные компоненты, т.е. это в некой степени Root Scope

Да, я знаю.

я вот шас смотрю vue-hackernews-2.0. Собственно, там все через vuex и делается...

там, скорее всего, скажем так, единственный productgrid во всем проекте

Чую, что ты чего то там изменил, но не сохранил..? У меня мой код открылсяю..

Так как это самая петушиная песочница

Так как это самая петушиная песочница

Что посоветуешь?

Flux по сути решает проблему "синхронизации" мутаций Root Scope'а, но root scope нужно в принципе избегать по возможности и энкапсулировать данные

Почему ошибка в консоли cannot find module uglify js? Его разве надо устанавливать?? Он же с вебпак ом идёт

Vuex это реализация Flux, а в флаксе у нас есть Стор, а в стор мы пихаем данные, которые делят меж собой разные компоненты, т.е. это в некой степени Root Scope

Я просто не вижу ни в доке, ни в примерах загрузки данных на сервере в локальный стейт компонента

Что посоветуешь?

https://jsfiddle.net/Piterden/k1a4hj73/1/

Почему ошибка в консоли cannot find module uglify js? Его разве надо устанавливать?? Он же с вебпак ом идёт

vue-cli

?

Что посоветуешь?

codepen jsbin

Нет не кли, я сам собираю

Почему ошибка в консоли cannot find module uglify js? Его разве надо устанавливать?? Он же с вебпак ом идёт

Разве?

Я просто не вижу ни в доке, ни в примерах загрузки данных на сервере в локальный стейт компонента

в примере Hackernews 2.0 реализована таки асинх. подрузка, но там походу одна трабла: работает asyncData только на компонентах Router'а

https://jsfiddle.net/Piterden/k1a4hj73/1/

Не работает же..?

в примере Hackernews 2.0 реализована таки асинх. подрузка, но там походу одна трабла: работает asyncData только на компонентах Router'а

о чем я и говорю - поэтому и юзают vuex

Не работает же..?

Что?

Разве?

Ну да. webpack.optimize.UglifyJsPlygin. разве нет??

в примере Hackernews 2.0 реализована таки асинх. подрузка, но там походу одна трабла: работает asyncData только на компонентах Router'а

в доке тоже самое написано, я цитировал выше

Что?

Кнопка pause не останавливает setInterval

о чем я и говорю - поэтому и юзают vuex

эмм, тут же Vuex совершенно непричём? asyncData и без Vuex работает

эмм, тут же Vuex совершенно непричём? asyncData и без Vuex работает

Да, но данные, которые они получают в asyncData хранят в сторе

Кнопка pause не останавливает setInterval

https://jsfiddle.net/Piterden/k1a4hj73/2/

Да, но данные, которые они получают в asyncData хранят в сторе

по сути не обязательно, можно и в scope'е самого компонента хранить, Store как я уже говорил нужен тогда, когда это global entity, т.е. кусок данных доступный всем компонентам приложения

Да просто сделай сначала

Разве?

Или что вы имели. Ввиду?

Потом будешь заморачиваться

Почему ошибка в консоли cannot find module uglify js? Его разве надо устанавливать?? Он же с вебпак ом идёт

+

устанавливать

разумеется

Сука какой же вебпак мерзостный, ненавижу это дерьмо

юзай тогда роллап

https://jsfiddle.net/Piterden/k1a4hj73/2/

Работает! ?

разумеется

Почему в вью кли не установлен и работает

юзай тогда роллап

+

Работает! ?

Вслепую захерачил ))

В доках тоже Разумеется не надо устанавливпть

по сути не обязательно, можно и в scope'е самого компонента хранить, Store как я уже говорил нужен тогда, когда это global entity, т.е. кусок данных доступный всем компонентам приложения

Это в клиентском SPA. На сервере могут быть нюаны. Окей, ты пробовал получить данные в asycData, закинуть их в data компонента и отрендерить по этим данным компонент?

Вслепую захерачил ))

мнеб такую же слепоту! )

мнеб такую же слепоту! )

Какие твои годы )))

Какие твои годы )))

да, в js мне очень мало лет. ))

ERROR: S client not available

разумеется

Покажи мне пример в доках где установлен этот модуль. Он там идёт в вебпак в поимерах

Это в клиентском SPA. На сервере могут быть нюаны. Окей, ты пробовал получить данные в asycData, закинуть их в data компонента и отрендерить по этим данным компонент?

ща попробую, но чисто теоретически должно сработать

Так и знал что в дискорд с вопросами, тут только спорить надо в чате)))

ща попробую, но чисто теоретически должно сработать

Хотя, собственно, какая разница, если asyncData работает только в компонентах-страницах роутера...

Отсюда и вывод, чтоб не устраивать "водопад данных" их пропсов, нужно юзать Vuex

А я люблю водопады

Но это в компонентах такая муть получается.. Вот тут у нас логика получения данных на сервере, а вот тут на клиенте..

Но это в компонентах такая муть получается.. Вот тут у нас логика получения данных на сервере, а вот тут на клиенте..

да уж

Опять же, без Vuex не обойтись, ибо нам нужно как-то синхронизировать состояние роутера и приложения в целом

Опять же, без Vuex не обойтись, ибо нам нужно как-то синхронизировать состояние роутера и приложения в целом

data рут компонента чем плоха?

data рут компонента чем плоха?

Ты руками собрался рулить состоянием роутера, когда есть плагин из коробки?

Ты руками собрался рулить состоянием роутера, когда есть плагин из коробки?

Ты че стас? Пропсы пихаешь все в шаблоне, а на компонентах-роутах только те что нужны здесь

Вот и фсе

ой все

вот небольшая визуализация:

страницы - все поголовно Smart компоненты, всё что ниже - дуб-дубом

получается так

о, это ты где такое рисуешь

красиво, да)

Первый беру

однако почему-бы не предоставить возможность компонентам быть умными?

о, это ты где такое рисуешь

draw.io

хм

однако почему-бы не предоставить возможность компонентам быть умными?

Потому что гладиолус

я такого оформления там не видел

ща посмотрю

Проблема вот с этим, в том, что Page отвечает за абсолютно все данные и всю логику, это как-бэ не самый лучший способ модуляризации приложения...

надо пробовать мб и запашет да

разобрался?

а тут каждый компонент отвечает ровно за то что нужно