Size: a a a

React — русскоговорящее сообщество

2020 August 18

P

Pavel in React — русскоговорящее сообщество
Bugs Bunny
а мне нравится
немного смущает что делать, если я решил закрыть вообще все такие дроуеры.
а остальное с учетом количества контролов вполне неплохо
давай в команду)
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
сразу как перестану умирать от иерархии в продуктах и куче мозгодрибительных проверок на даты
источник

P

Pavel in React — русскоговорящее сообщество
сама суть приложение автоматизация бизнес процессов, там все модули связаны между собой
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
ага, работал над чем-то похожим
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
был у нас там такой пульт управления самолетом
источник

P

Pavel in React — русскоговорящее сообщество
Pasha Ivanov
внутри ты рендеришь таблицу, у нее есть конфиг menu что рендерить в ячейках. У какой-то ячейки при клике надо открывать DrawerB - передавай его туда как отдельный компонент
можешь привести пример как передавать?
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
как компонент, ты таблицу из ant юзааешь?
источник

P

Pavel in React — русскоговорящее сообщество
да
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
создавай Drawer компоненты отдельно и складывай их куда-то. Потом делай импорт и добавляй куда нужно.
источник

P

Pavel in React — русскоговорящее сообщество
по сути сейчас так и делаю, только вот за рендер их упёрся
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
вот у тебя колонки, есть CTA в колонке какой-то, который может изменять стейт компонента в котором рендерится эта таблица.
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
либо, можно другим путем пойти как с модалками. Тогда и закрыть можно будет все)
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
при наличии редакса (или другого стейт менеджера) ты можешь пушить в массив название дровера + данные и в цикле открывать их с наращиванием zIndex (если надо)
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Pavel
по сути сейчас так и делаю, только вот за рендер их упёрся
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
а тут уже надо отталкиваться от оптимизации:

либо сложить все в одно место, но если их будет дохрена - будет жирный бандл / чанк один,

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

BB

Bugs Bunny in React — русскоговорящее сообщество
Pavel
по сути сейчас так и делаю, только вот за рендер их упёрся
вот где console.log пиши свою логику на аполло
источник

VM

Vladimir M in React — русскоговорящее сообщество
есть множество выпадающих списков

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

полученные данные я храню в одном редюсере в виде:
{ itemID1: [itemData1], itemID2: [itemData2], ... }


как для каждого отдельного запроса хендлить статус загрузки/ошибки/получения данных? ведь я оперирую 1 редюсером... скрин редюсера на пике
источник

V

Vladimir in React — русскоговорящее сообщество
Vladimir M
есть множество выпадающих списков

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

полученные данные я храню в одном редюсере в виде:
{ itemID1: [itemData1], itemID2: [itemData2], ... }


как для каждого отдельного запроса хендлить статус загрузки/ошибки/получения данных? ведь я оперирую 1 редюсером... скрин редюсера на пике
Можно добавить в стей  поле fetchingIds, по клику на элемент ты будешь записывать id элемента в массив fetchingIds, после получения данных о элементе ты удалишь этот id из массива fetchingIds, в компонент будешь передавать этот массив и проверять, что если id элемента существует в массив fetchingIds, то значит на этот элемент нужно отображение с загрузкой
источник

PA

Pavlo Anichin in React — русскоговорящее сообщество
Что скажете на счёт styled components, не думаете что это фигня? Как по мне, то css modules лучше
источник