Кто-нибудь делал большое приложение на Vue, с большим количеством компонентов? По советуйте что почитать по по архитектуре и структуре масштабируемого приложения. Может есть примеры на гитхабе?

У меня на работе порядка 150-200 компонент и просто масштабируется все

Immutable для предотвращения изменения данных

У реакта реактивности данных - нет, поэтому им нужна иммутабельность

У меня на работе порядка 150-200 компонент и просто масштабируется все

основная задача - это быстрое клонирование. и получается что редукс - это сначала паттерн с неизменяемостью стейта через копирование, а потом костыль в виде immutable для более быстрого клонирования ибо тормоза и контроля этого паттерна

В vuex модули используете?

Вы, кажется, соотносите мягкое с тёплым.

Основная задача - это консистентность данных, а быстрое клонирование - это лишь оптимизация.

Отнюдь

основная задача - это быстрое клонирование. и получается что редукс - это сначала паттерн с неизменяемостью стейта через копирование, а потом костыль в виде immutable для более быстрого клонирования ибо тормоза и контроля этого паттерна

Я не встречал

Грубо говоря есть у вас асинхронный экшен, в который vuex передаёт state. После выполнение первой асинхронной функции во Vuex нельзя быть уверенным, что в том state, который находится в скоупе данные всё те же, которые были перед вызовом асинхронной функции, от этого могут возникнуть серьёзные проблемы.

слишком дорого обходится решение, которое можно решить точечно, где это необходимо.

Дорого это обходится лишь иногда. А чтобы определить где же именно происходит это иногда, нужно профилировать уже готовое приложение.

Приходите на митап в Москве там поболтаем, я расскажу как выстроена у нас архитектура

Ничего не нужно профилировать, если нормальная архитектура и взаимодействие с BE. И так будет понятно, где может стрельнуть

Ну да, все те программисты, которые в своих книгах пишут - сначала профайлинг, а потом уже оптимизация просто глупые, не то что вы.

А потом вы выкатываете результат, а заказчик выкатывает болт и говорит, что нужно там вон поменять и тут и вообще половину проекта надо перепилить.

У реакта реактивности данных - нет, поэтому им нужна иммутабельность

любой каприз за ваши деньги (с) поэтому и нужно предпроектное и ТЗ

у реакта нет реактивности?

А если у компании свой IT отдел и никто ей дополнительные деньги за доработку проекта не заплатит.

А если у компании свой IT отдел и никто ей дополнительные деньги за доработку проекта не заплатит.

В нем нет реактивности как у вью

ээ, если они работают принципиально по разному, за счет чего обеспечивается работа jsx ? я так понимаю в реакте нету байндинга данных ?

Нет. Там состояние иммутабельно и все его изменения происходят явно при вызове setState(...). После вызова реакт перерисовывает компонент в VDOM и смотрит, что нужно поменять в DOM.

А если у компании свой IT отдел и никто ей дополнительные деньги за доработку проекта не заплатит.

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

> реакт и отсутсвие четких паттернов программирования -_-

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

1) Я согласен. Тем более я вообще чайник и ни разу не фрондэндщик. Просто волею судьбы занесло. 2) т.к. см п.1 я вообще не понимаю само понятие иммутабельных структур. не надо - не меняй. какие проблемы ? Зачем для этого целая либа ? Я подозреваю, что оно выдумано реактивщиками для решения каких то своих проблем...

Мутабельные структуры оптимизированны для того, чтобы их использовать как мутабельные структуры. В JS все структуры(Object, Array, Map) мутабельны, и их использование как иммутабельных структур не слишком эффективно. Immutable.js реализует иммутабельные структуры на низком уровне так, чтобы с ними можно было работать именно как с иммутабельными структурами и не терять при этом в производительности.

я всёравно не понимаю. Зачем мне неизменяемые данные ? Почему нельзя просто их не менять в коде ? Зачем либа то?

:)

потому что кто будет это контролировать?

эээм. компилятор и тот кто пишет код ?

эээм. компилятор и тот кто пишет код ?

а программисты те еще гавнюки

т.е. либа создана только для контроля за говнокодерами в реакте т.к. в реакте эта проблема проявляется особенно остро в силу архитектурных особенностей ? Я всё правильно понимаю ?

точно так же ты не помнишь, какие структуры иммутабельны

ну фиг знает. Ну я же понимаю, когда я пишу что, зачем, куда я присваиваю. Зачем мне задумываться об защите от изменения настолько, чтоб пилить отдельную надстройку ? ну и да. тут я ts юзаю в основном

насколько большой проект у тебя?

на js или вообще ?

:)

У реакта реактивности данных - нет, поэтому им нужна иммутабельность

А разве она изначально не затаскивается чтобы удобнее было shouldcomponentupdate писать?

Ну чтобы удобнее было сравнивать все объекты в shouldComponentUpdate и тащат Immutable, там же можно сразу два объекта сравнить

Хочу задать глупый вопрос. А если я не делаю полноценное приложение на vue, а только для динамики форм и т.д. и хочу чтобы проект работал хоть как то и без js. У меня есть какой то select, как данные из этого селекта запихать а данные vue? Или это совсем уже ерунда какая то выходит?

Рендерить разметку как без vue.js. А для vue.js можно v-model на селект только добавить

ну и соответственно так как вью за нас определяет нужно ли компоненту обновляться, поэтому и иммутабл не нужен

Хочу задать глупый вопрос. А если я не делаю полноценное приложение на vue, а только для динамики форм и т.д. и хочу чтобы проект работал хоть как то и без js. У меня есть какой то select, как данные из этого селекта запихать а данные vue? Или это совсем уже ерунда какая то выходит?

тот, что ты делаешь

вам наверное нужен server-side rendering, кое-что будет в этом случае работать и без js, но где вы нашли таких клиентов, которые js не поддерживают?

если без js какая инициализация