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

да все, я молчу)

зайду с другой стороны. Как правильно сделать фильтрацию карточек? (записала изначальный массив в стейт, после того как кликаю фильтр - в консоль все заебись выводится, ну тоесь правильный фильтрованный массив, а компонент нифига не обновляется)

Скинь код компонента

https://codesandbox.io/s/github/malinovaelena/avito-beta

cards-container

components

Filter создаёт новый фильтрованный массив из того, к которому применялся. В стейте остаётся тот-же самый

Сходу не нашёл, есть ли сетстейт для отфильтрованного массива

нету для отфильрованного

получается, что в фильтре надо отфильтровать входящий массив а потом записать его в стейт?

Да

Отфильтрованный массив это уже новый массив

Старый не мутируется

Хотя я думаю есть способы получше, сам ток учусь

классное расследование, еще дружеский совет - не использовать let { foo, bar } = props - смысла абсолютно никакого нет

let - это почти всегда хуйня)

let - это почти всегда хуйня)

+

Хотя я думаю есть способы получше, сам ток учусь

Может геттер создать get filtereditems и их рендерить.

как это вообще впринципе логично сделать?

Обычно логично сделать это на бэкэнде, если нет то просто filter вызвать где массив выводишь

спс! буду пробовать

Обычно логично сделать это на бэкэнде, если нет то просто filter вызвать где массив выводишь

плюсану за бэкенд, логика фильтрации на клиенте явно лишняя, в стейте такие штуки не хранят по-хорошему, а пользуются сервером

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

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

Фильтровать в контейнере и результат пробрасывать в презентационный. Каждое срабатывания фильтра - новые пропсы, компонент рендерит я, исходные данные нетронуты. Вполне звучит)

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

кароче перезаписывать стейт не получится, ну по крайнеф мере в том виде в котором щас .

Буду пробовать другое

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

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

Вынести рендер карточек в отдельный компонент и отфильтрованный массив кидай как пропсы. Тогда будет ререндериться компонент каждый раз, как применяешь фильтр

+

Либо геттер поможет в данном случае, инфа не 100%

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

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

сначала с рендером попробую думаю

Есть паттерн, презентационный компонент и компонент контейнер. В основном вся логика в контейнере (типо блока по бэм утрированно), а презики (элементы) рендерят пропсы.

сначала с рендером попробую думаю

Ещё на ум пришло. В стейте держать showitemtypes : "", при изменении селекта вызывается метод onchange(e) который вызывает setstate showitemtypes : e.target.value (или датааттрибуты e.target), или че там у селектов. Тогда if else в filtrredcardscategory можно упростить до this.state.showitemtypes ? array.filter(it) => it.category === this.state.showitemtypes : array потом мапить результат этого метода, и уже потом рендерить. Так хоть при смене селекта будет стейт меняться компонента. Пустая строка в стейте = false => будет выводиться нетронуты массив, ток надо проработать случай, когда выбрано show all в селекте, или ченить такое (типо проверка, если выбрана опция - - - - -, то сбрасывать showitemtypes) Хз может поможет или то на то и выйдет)

Есть листенер document.addEventListener("mousedown", handleClickOutside); Как в handleClickOutside проверить, что я не нажал на определенный элемент? Есть его ref

Тупой. Сорян. Вопрос исчерпан

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

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

@media css

Какие книги по реакту можете порекомендовать в 2019? Уже есть база в простых проектах (учился по докам). Сейчас хочу параллельно с какой то книгой учить углубленно

https://www.fullstackreact.com/ - то, через что я пришел в реакт, афигенная книжка

https://www.fullstackreact.com/ - то, через что я пришел в реакт, афигенная книжка

Годно. Спасибо, то что искал

https://www.fullstackreact.com/ - то, через что я пришел в реакт, афигенная книжка

Эх, сейчас бы в книге писать о реакт роутере

Эх, сейчас бы в книге писать о реакт роутере

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

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

Просто либа не очень

И люди стали забывать как ещё можно делать роутинг

Всем салют. Парни а кто знает что за массивы полдятся (скриншот) в реакт приложении? Я такой не созавал. Что это может быть?

Всем салют. Парни а кто знает что за массивы полдятся (скриншот) в реакт приложении? Я такой не созавал. Что это может быть?

Карты хуков)

Просто в преакте больше багов

а преакт вообще используют где-то?

были мысли его подучить из-за скорости.

а преакт вообще используют где-то?

Используют.

Используют.

и как часто?

были мысли его подучить из-за скорости.

Я читал недавно, по мне так смысла нет, если уже на нём команда не пишет и нет проектов

(а то и ниже)

были мысли его подучить из-за скорости.

Не из-за скорости, а из-за размеров бандла. Скорость там такая же после файбера

Не из-за скорости, а из-за размеров бандла. Скорость там такая же после файбера

подумаешь, лишние 100кб реакту...

и как часто?

Да кто ж его знает. Звёзд и форков достаточно много. Я лично в пет-проектах использовал и на проде один раз при билде подменял реакт и реакт-дом на преакт, это был встраиваемый виджет

подумаешь, лишние 100кб реакту...

Если это не сарказм, то ты зря

Но это было до хуков.

а сейчас?

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

кто "они"? преакт? в преакте есть хуки?

кто "они"? преакт? в преакте есть хуки?

Они - разработчики преакте. Да, в preactX (preact-next, preact 10) есть хуки и контекст

Но он ещё пока только в RC

Они - разработчики преакте. Да, в preactX (preact-next, preact 10) есть хуки и контекст

есть контекст а где контекста нет?

https://github.com/preactjs/preact/releases

Если это не сарказм, то ты зря

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

есть контекст а где контекста нет?

В старых версиях преакта

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

Это зависит от конкретного проекта. Если весь проект 200кб, то 100кб реакта - это половина. Никакая оптимизация тебе в этом не поможет.

Проект на 200кб, интересно

Не всем и не всегда нужны мегабайтные проекты

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

Тебя никто не заствляет, но есть куча людей, которым TTI важнее гордости

Я не спорю, мы тоже нашего монстра обмазывали как могли

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

То между 200кб и 100 кб большая разница как раз

100кб js !== 100кб статики

Я это понимаю

Это не только загрузка, это ещё и парсинг и исполнение на слабом железе

Господа, всем привет Подскажите, пожалуйста, следующий момент: использую draftjs, для эдитора текста, при добавлении каких-то стилей в текст (цвет/размер), исходная выходная HTML (конвертирую с помощью stateToHTML из draft-js-export-html) Вопрос: как получить стили, заданные в эдиторе? Спасибо

Телега тормозит адово второй день что-то

Вроде говорили про слоу мод или шо то там пару дней назад, мол раз в 30с сообщение