я чутка обалдед, когда увидел рзамер бандла с ним

точнее с ним бандл 1.3 мб, без него 500кб

800 кб

там днище с этим драфт жсом, он тянет за собой 2 immutablejs и сам при этом весит норм так .

попробуй slate мб или quill

да вот да, выпиливаю эту херню весящую 800кб

щас попробую quill

он тоже весит 300кб, они прикалываются что-ли ?)))

А че тришейкинг уже не работает?)

а можно как-то файл этого визивига грузить отдельно от моего бандла основного ?

ибо это мрак какой-то

а можно как-то файл этого визивига грузить отдельно от моего бандла основного ?

dll

а можно как-то файл этого визивига грузить отдельно от моего бандла основного ?

import().then

а мижна статейку наэ ту тему ?

import().then

?

dll

Ээ, это другое :))))

Ээ, это другое :))))

Разве?

Я все пакеты вендорные туда кидаю

Ну в проде такое лучше не юзать

Ибо он не вырезает dead code

Нет tree shaking

Он тупо все либы запихивает отдельно чтобы не билдить их на каждый чих

The resulting files are larger. Because Webpack doesn't know what you're going to actually use in the DLL it has to include everything. Some advanced optimizations are disabled in the DLL, like tree shaking and exports renaming. The main file is also slightly larger because we must map libraries in the DLL with delegated modules.

так что по итогу, есть варианты как-то разбить бандл ?))

ибо 1.3 мб за раз это ппц

Import then

Плюс react-loadable

Лучше чем свой костыль

Но если в одном месте то ручками проще

The resulting files are larger. Because Webpack doesn't know what you're going to actually use in the DLL it has to include everything. Some advanced optimizations are disabled in the DLL, like tree shaking and exports renaming. The main file is also slightly larger because we must map libraries in the DLL with delegated modules.

Ааа

Так вот почему не работает три шейкинг)

))

@ZeroBias выпили dll плс

Это правильное решение?

а что может быть не так?

Есть ПУ. Если перейти на /, то открываются аккаунты. Если зайти на /acccounts то так же откраываются аккануты

Имеется ввиду, что я два раза роут указываю с одним и тем же компонентом

есть небольшой вопросик! у меня есть store и в нем есть ветка с компонентами, при изменении стора он не рендерит заново страницу !

Не очень содержательный вопрос

Amon теоретически должно работать, но для чего тебе это?

IndexRoute

юзай

react router 4 юзаю

у него насколько я знаю, нету IndexRoute

Возможно твой изменившийся стейт по шеллоу-сравнению считается не изменившимся и поэтому ничего не происходит

допустим у меня в store лежат числа в массиве! на стрничке я просто вывожу эти числа , при изменении этого массива он не перерисовывает страницу

а если перейти на другую вкладку и вернуться на эту то все гуд

Изменяешь ты через что?

через dispatch

тогда норм, можешь редирект повесить

беру старый стейт - копирую - изменяю - возвращаю новый

покажи код

можно скринами

этой странички

массив же нельзя сравнивать

массив же нельзя сравнивать

это почему?

ну в редаксе надо нормализованные данные хранить

если не мутирует то перерендерит

а, окей

покажи reducer

и this props del

slice перед изменением и норм должно быть

ну такое

ERROR: S client not available

в shouldComponentUpdate никакой магии нет?

а где экшон то

и reducer

может ты экшн не вызываешь?

может ты экшн не вызываешь?

у него массив dashboard который попадает напрямую в props мутабельный, вангую проблема тут

тут ща будет история

как правильно готовить вложенный object assign

))

тут кстати был один сказочник

Вася

куда пропал

его выход

еще и мутирующий сплайс =)

action есть

да нафига там findIndex использовать вообще? есть filter для этих целей

я просто конечную форму показал

assign копирует только верхушку

то есть top level объекты

но внутри них уже ничего не копирует

это не deep clone

копирует он

весь обьект копирует

а я говорю нет

окей

измени что-то вложенное в state

и посмотри что будет в nextState

так я и меняю

весь обьект копирует

серьезно?

For deep cloning, we need to use other alternatives because Object.assign() copies property values. If the source value is a reference to an object, it only copies that reference value.

Как поставить activleClassName для двух ссылок? `<NavLink to='/' activeClassName="active"> <NavLink to='/accounts' activeClassName="active">` Если перейти на раздел / или /accounts, устанавливается класс для ссылки "Аккаунт"

const MyLink = ({ ...rest }) => <NavLink activeClassName="active" {...rest />