Ну, я понял это так, что состояние должно быть вне компонентов.

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

Внутренние стейты выносить во внешний стор анахранизм

То есть, компоненты, всё таки, имеют право на собственное состояние?

> webpack -w --config webpack/dev.config.js Hash: c33171c594cb2041117c Version: webpack 1.13.1 Time: 5783ms Asset Size Chunks Chunk Names react_bundle.js 2.22 MB 0 [emitted] main [0] multi main 28 bytes {0} [built] + 187 hidden modules

А это нормальный размер бандла?

Кроме реакта вроде ничего толстого нет: webpack --json | webpack-bundle-size-analyzer react: 604 KB (76.3%) fbjs: 32.19 KB (4.07%) react-input-mask: 26.13 KB (3.30%) react-webpack-rails: 12.97 KB (1.64%) react-tap-event-plugin: 9.95 KB (1.26%) fbjs: 2.56 KB (25.7%) <self>: 7.4 KB (74.3%) react-tween-state: 7.77 KB (0.982%) object-assign: 1.95 KB (0.246%) classnames: 1.08 KB (0.136%) react-dom: 132 B (0.0163%) <self>: 95.75 KB (12.1%)

А что ты с ним делал?

Зависимостей вроде нет, само приложение тоже на пару кб

То есть, компоненты, всё таки, имеют право на собственное состояние?

Ну да, иначе в реакте бы не было стейта)

144Kb исходники приложения занимают

То есть, компоненты, всё таки, имеют право на собственное состояние?

а зачем шарить стейты если знать о том что список открыт кроме самого списка никому не нужно?

> webpack -w --config webpack/dev.config.js Hash: c33171c594cb2041117c Version: webpack 1.13.1 Time: 5783ms Asset Size Chunks Chunk Names react_bundle.js 2.22 MB 0 [emitted] main [0] multi main 28 bytes {0} [built] + 187 hidden modules

чет как то многовато

Ну, да. Логично. =)

Спасибо. =)

а, кажись там сорсмапы внутри

> webpack -w --config webpack/dev.config.js Hash: c33171c594cb2041117c Version: webpack 1.13.1 Time: 5783ms Asset Size Chunks Chunk Names react_bundle.js 2.22 MB 0 [emitted] main [0] multi main 28 bytes {0} [built] + 187 hidden modules

собираешь в прод режиме?

да, решил начать, пока эксперементирую в dev конфиге )

https://www.npmjs.com/package/webpack-visualizer-plugin

ага, через него вывод и показывал выше

там уже на мегабайт получается

да, решил начать, пока эксперементирую в dev конфиге )

Покажи часть конфига, где настроены sourcemaps.

Посмотрел в конфиг – я там вообще ничего для сорспамов не добавлял )

SourceMapDevToolPlugin же должен помочь?

У меня просто devtool: '#source-map'. Кладёт отдельно.

Сжимаю UglifyJsPlugin, если нужно.

офигеть, теперь круто стало )

А если будешь использовать внешние библиотеки, то импортируй всегда при возможности не целые библиотеки, а только необходимые их модули. Это позволяют сейчас почти все популярные библиотеки (lodash, rxjs и другие)

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

Угу, пока смотрел про оптимизацию бандла уже наткнулся на то, что через { Something } лучше не импортировать )

ага

Народ, а что за странная фигня с <Link to={${this.props.data.url.to}} query={this.props.data.url.query}>{this.props.data.pageText}</Link> генерит <a class="" href="/">5</a> Как избавиться от пустого аттрибута class, где я затупляю?

Не гуглится это почему-то, значит, где-то мой косяк

Народ, а что за странная фигня с <Link to={${this.props.data.url.to}} query={this.props.data.url.query}>{this.props.data.pageText}</Link> генерит <a class="" href="/">5</a> Как избавиться от пустого аттрибута class, где я затупляю?

Тебе не все равно? :)

Тебе не все равно? :)

мне все равно, а верстальщик ругается

и я не уверен, что это, все же, нормально

А что верстальщику не нравится? О_о

что класс пустой

это странная фигня

ни на что не должно влиять это

Угу

ну ок, ясно

Кстати, всех с днём программиста )

ничоси, а ведь и правда, уже 256. присоединяюсь, всех с праздником!)

мне все равно, а верстальщик ругается

Какой придирчивый верстальщик ?

Какой придирчивый верстальщик ?

Ну выглядит-то и правда как неведомая фигня

Это вполне нормально. Если удалить все классы через js то атрибут class остается с пустым значением

есть не спящие?)

Кстати всех коллег с Днем программиста)

Есть

Спасибо

Подскажите пожалуйста, как менеджерить стейт с глубокими вложенными ключами, а то через аддон апдейт как-то не красиво получается? this.setState(update(this.state, { data: { [index]: { application: { texts: { [applicationIndex]: { text: { $set: [{ text, }], }, }, }, }, }, }, }));

Использовать сторы?

И разделить стейт между компонентами тогда, верхний с data ниже с application но вообще, без сторов будет сложно)

пацаны, а я хочу в хром экстеншионе изменять страницу react'ом. чтобы, например, элемент на странице "подсвечивался" при наводке туда курсора. это получается мне надо заменить страницу аналогичной, но уже react аппом? а если страница уже реактом управляется — они будут конфликтовать? чего-то я не пойму.

пацаны, а я хочу в хром экстеншионе изменять страницу react'ом. чтобы, например, элемент на странице "подсвечивался" при наводке туда курсора. это получается мне надо заменить страницу аналогичной, но уже react аппом? а если страница уже реактом управляется — они будут конфликтовать? чего-то я не пойму.

мне кажется это очень извращенная идея

мне уже тоже так кажется

но хочется найти решение)

оу. у нас 1000 мемберов

пацаны, а я хочу в хром экстеншионе изменять страницу react'ом. чтобы, например, элемент на странице "подсвечивался" при наводке туда курсора. это получается мне надо заменить страницу аналогичной, но уже react аппом? а если страница уже реактом управляется — они будут конфликтовать? чего-то я не пойму.

Если не пихать свой реакт в глобал скоуп, мне кажется, всё ок будет.

пацаны, а я хочу в хром экстеншионе изменять страницу react'ом. чтобы, например, элемент на странице "подсвечивался" при наводке туда курсора. это получается мне надо заменить страницу аналогичной, но уже react аппом? а если страница уже реактом управляется — они будут конфликтовать? чего-то я не пойму.

Мне всегда казалось, что современные дев тулзы под реакт могут подсвечивать при наведение (все не проверял), но там же надо просто стили на наведенный див наложить.

У меня тут странная проблема возникла. Собираю я вторым вебпаком проект, использую HtmlWebpackPlugin чтобы инклудить энтри поинты и сжимать там всё etc. Хочу научится собирать всё это дело в бандл, который можно будет скармливать SSR, чтобы жить без babel-register. Проблема в том, что я пока не могу придумать как правильно собирать два бандла, чтобы при SSR он отдавал правильные пожатые странички с фронтендовым кодом (target: browser).

ERROR: S client not available

оу. у нас 1000 мемберов

999

999

Люди начали ливать.

Мне всегда казалось, что современные дев тулзы под реакт могут подсвечивать при наведение (все не проверял), но там же надо просто стили на наведенный див наложить.

это ты хорошо подсказываешь. интересно эти тулзы сами на реакте?))

У меня тут странная проблема возникла. Собираю я вторым вебпаком проект, использую HtmlWebpackPlugin чтобы инклудить энтри поинты и сжимать там всё etc. Хочу научится собирать всё это дело в бандл, который можно будет скармливать SSR, чтобы жить без babel-register. Проблема в том, что я пока не могу придумать как правильно собирать два бандла, чтобы при SSR он отдавал правильные пожатые странички с фронтендовым кодом (target: browser).

Насколько я понимаю, это общая проблема вебпака с SSR

Ох

мог бы быть тысячным

всем привет

?

Привет

@ilyasuhodolskiy кпек

всем привет

привет, привет

@Perkovec и ты тут бл

да что вы тут забыли то все?

=)

давно тут

да что вы тут забыли то все?

реакт

но я пока в завязке, сейчас на Си прогаю

ТЫСЯЧНЫй!

ой мама

@ilyasuhodolskiy , @Perkovec так можно и сюда писать вместо лс

@ilyasuhodolskiy , @Perkovec так можно и сюда писать вместо лс

в смысле?

чёт я такой на ювеб посмотрел иии....

поник

ювеб скатился

Скоро семьями тут будут общаться

React объединяет ❤️

намечается групповушка

Народ накидайте ссылок по бест практикам по имутабельным извращениям

далаааадно, полюбому в закладках есть

:D