на твиттер ссылка была

А он что заранее из пропсов классы посчитает ?

а в этом вся прелесть — к черту подсчёт значений из пропсов :)

а в этом вся прелесть — к черту подсчёт значений из пропсов :)

Ну а как он поймёт что генерить ?

Ну а как он поймёт что генерить ?

ну в смысле? это не стайлд компонентс

ну в смысле? это не стайлд компонентс

Так будет просто как scoped css ?

Так будет просто как scoped css ?

ага

офигенно же :)

Ну если это будет встроено то наверное окей

по мне так это css модули для боящихся создавать отдельный файл)

Ушел бы на другой. У тебя там просто кто-то сделал криво code splitting

мдэ, а как фиксануть это вообще, просто как бы проекта самого нету, ситуация была такая : мне дали голый проект, там бэк был уже настроен, нету просто фронта(это как мне объяснили), моя задача была развернуть этот шаблон и тд, ну я развернул, работает, но вот полетели эти чанки и тд, я вот думаю может это взять другой сборщик и перекинуть все на новый, как посоветуете поступить в такой ситуации?

мдэ, а как фиксануть это вообще, просто как бы проекта самого нету, ситуация была такая : мне дали голый проект, там бэк был уже настроен, нету просто фронта(это как мне объяснили), моя задача была развернуть этот шаблон и тд, ну я развернул, работает, но вот полетели эти чанки и тд, я вот думаю может это взять другой сборщик и перекинуть все на новый, как посоветуете поступить в такой ситуации?

Почитай как вебпак настроить для нормального code spitting

мдэ, а как фиксануть это вообще, просто как бы проекта самого нету, ситуация была такая : мне дали голый проект, там бэк был уже настроен, нету просто фронта(это как мне объяснили), моя задача была развернуть этот шаблон и тд, ну я развернул, работает, но вот полетели эти чанки и тд, я вот думаю может это взять другой сборщик и перекинуть все на новый, как посоветуете поступить в такой ситуации?

create react app 2 возьми попробуй, там вебпак 4 из коробки все настроено

Всем привет, линтер ругается на говнокод) No unused expressions on function inside

this.state.idChange ? this.setState({idChange: this.state.idChange.style.background=""}) : null ;

Подскажите, где можно об этом почитать или вобще как и что, чтобы исправить всю эту хрень?

this.state.idChange ? this.setState({idChange: this.state.idChange.style.background=""}) : null ;

дык смотри что ты пишешь)

this.state.idChange.style.background="" - это предеается в ключ

this.state.idChange ? this.setState({idChange: this.state.idChange.style.background=""}) : null ;

ты хочешь к idChange присвоить пустую строку и заодно стейт мутировать?

Почитай как вебпак настроить для нормального code spitting

мой webpack.mix : let mix = require('laravel-mix'); mix.react('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css'); тут проблема мне кажется не в вэбпаке, а может в шаблоне который я установил, может ли его размер быть чересчур большим что бы такое могло случиться?

как бы моя логика в том чтобы менять значение

тернарка ради тернарки?

чем тебя if (X) Y не устроило

так ты еще в idChange разные вещи хуяришь

...

в чем разница между if и тернарным?

та я знаю, что говнокод, хочется исправить...

и зачем ты присваиваешь в сетстейте значение?

это не просто говнокод

это дичь пиздец какая

по нему не ясно что происходит

Функциональный сетстейт юзай

по нему не ясно что происходит

здесь меняется цвет элемента, если нажат - то изменить цвет

здесь меняется цвет элемента, если нажат - то изменить цвет

есть прост список, и если я клацнул на него, то зафиксировать цвет (куда б я не клацал потом, но цвет остается)

Ребята пытаются сказать, наверно, что они не понимают как так у тебя вышло, что в сетСтейт, ты присваиваешь не значение, а, если можно так сказать, операцию присваивания. Так не бывает

И кажется, что к решению твоей задачи надо ваще иначе подойти

Всем привет, линтер ругается на говнокод) No unused expressions on function inside

такое предупреждение происходит когда ты делаешь например вместо val => onChange(val, params) вот так val => { onChange(val, params) } ну и лечится либо ключиком в файле /* eslint-disable no-unused-expressions */ либо в настройках eslint либо return перед выражением добавляй, чтобы оно возвращало значение во внешний мир

здесь меняется цвет элемента, если нажат - то изменить цвет

this.state = { repaint: {} } onSelectedItem = (name) => { this.setState(prev => ({ repaint: { ...prev.repaint, [name]: true }})) } {items.map((el, i) => <Item onClick={() => this.onSelectedItem(el.name)} style={background: this.state.repaint[el.name] ? '#000' : '#fff'} />}

this.state = { repaint: {} } onSelectedItem = (name) => { this.setState(prev => ({ repaint: { ...prev.repaint, [name]: true }})) } {items.map((el, i) => <Item onClick={() => this.onSelectedItem(el.name)} style={background: this.state.repaint[el.name] ? '#000' : '#fff'} />}

Отвратительно

Это в сто раз лучше чем то, что было

а дальше надо смотреть уже подробнее на задачу

и уж точно без инлайн стилей, я по привычке хотел уже SC сделать, но влом писать стало

Не нужен массив в стейте. Пусть каждый компонент внутри .map сам хранит свой цвет и обрабатывает клик

Упрт?

мы решаем конкретную задачу конкретный говнокод разгрести

а ты предлагаешь отрефакторить все и сразу

человек же не хочет готовое решение

Говнокод надо радикально крушить, на корню

он хочет понять что с его кодом не так, и как сделать то же самое логически

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

Кто как решает проблему отправки нескольких экшнов подряд? Можно ли как-то объединить в один экшн?

он хочет понять что с его кодом не так, и как сделать то же самое логически

чтобы понимать где я не прав и в чем не прав но линтер жестко меня обругал за все мои косяки(

ты не прав в том, что мутируешь руками ноду, и что в стейте у тебя мусор

ты не прав в том, что мутируешь руками ноду, и что в стейте у тебя мусор

возможно для моей хадачи есть вовсе лучший способ решения?

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

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

обернуть в компонент, внутри повесить онклик, который будет менять active в стейте, и этот active пробрасывать пропсой в sc, и в нем в зависимости от active ставить значение

Наверное поздно, но вот сам сегодня попробовал react-butterfly-dnd

С учётом того чтобы меня уже была хеш таблица зашло на ура

что то вроде такого?

Наверное поздно, но вот сам сегодня попробовал react-butterfly-dnd

спасибо, гляну

обернуть в компонент, внутри повесить онклик, который будет менять active в стейте, и этот active пробрасывать пропсой в sc, и в нем в зависимости от active ставить значение

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

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

Выведи все итемы в отдельный компонент

И будет изоляция итема

ERROR: S client not available

так?

Ага

а сверху onClick и activeColor={this.state.activeColor} там где курсор

для передачи в SC

Ну только видимо через items.map(item => ...)

Ага

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

сейчас покажу как делал

Ну ты перекраску сделай в самом итоме

А на верх или экшен

Или обычный колбек

А всю логику перекраски и стили в итаме

А всю логику перекраски и стили в итаме

вроде понял, щас ппробую

2 пробела детектед!

2 пробела детектед!

отступ в 2 пробела идеален для реакта

особенно между названием компонента и его пропом)

даа

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

мне кажется, его уже пора в стандартную поставку vscode втыкать со включенной по умолчанию опцией formatOnSave

нет

к примеру, я не использую преттиер вообще

ну вот ты бы себе его и отключил в большинстве же случаев лучше его форсить

ну вот ты бы себе его и отключил в большинстве же случаев лучше его форсить

prettier не хило так говняет код

глаза сломаешь потом

приттиер говно, иногда такие конструкции чудит

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

ща бы prettier юзать

Преттиеру нужен плагин для &nbsp

Преттиеру нужен плагин для &nbsp

Звучит как "этому городу нужен новый герой"

Можно же притиер заюзать и еслинтом выпрямить