Size: a a a

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

2020 August 18

PI

Pasha Ivanov in React — русскоговорящее сообщество
конечно она дропается, потому что компонент исчезает из дерева сразу
источник

P

Pavel in React — русскоговорящее сообщество
Pasha Ivanov
конечно она дропается, потому что компонент исчезает из дерева сразу
это я уже понял, я думаю просто над производительность, ок если у тебя один такой дравер, а если их 10... так же при рендере выполняются запросы apollo хотя возможно этот дравер даже не будет открыт, если все же дравера рендерить тогда нужно переходить на lazy query apollo. я строю подобное первый раз, по этому многое не ясно, и стараюсь искать лучшие решения
источник

АБ

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

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Pavel
это я уже понял, я думаю просто над производительность, ок если у тебя один такой дравер, а если их 10... так же при рендере выполняются запросы apollo хотя возможно этот дравер даже не будет открыт, если все же дравера рендерить тогда нужно переходить на lazy query apollo. я строю подобное первый раз, по этому многое не ясно, и стараюсь искать лучшие решения
должен быть один дровер. а вот контентом его уже рули динамически
источник

AD

Artem Danilov in React — русскоговорящее сообщество
Шепс
Рыбят, был у кого опыт кстати написания таких графиков? https://zona.media/coronagraph
Я как-то рисовал на чартжс маленькую штуку, но тут колоссальная работа кмк, или может я ошибаюсь и есть готовый инструмент не за бешеные бабки?
смотри в сторону Chartbeat, скорей всего это их график.
я не совсем уверен, что это график, мне кажется это просто анимация на svg.

впервые встречаю график который построен на svg.
как правило это canvas или div, чтоб подстраиваться под динамические данные.
источник

И

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

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
@javascript_jobs здесь вакансии незя. а там посмотрите на правила оформления
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
ля(
источник

Ш

Шепс in React — русскоговорящее сообщество
Artem Danilov
смотри в сторону Chartbeat, скорей всего это их график.
я не совсем уверен, что это график, мне кажется это просто анимация на svg.

впервые встречаю график который построен на svg.
как правило это canvas или div, чтоб подстраиваться под динамические данные.
Не поверишь, я тоже на них подумал и даже им написал, но нет...
источник

AD

Artem Danilov in React — русскоговорящее сообщество
Шепс
Не поверишь, я тоже на них подумал и даже им написал, но нет...
мне кажется это просто анимация с svg, это не график.
если я ошибаюсь то буду благодарен за пруфы почитать на досуге.
источник

Ш

Шепс in React — русскоговорящее сообщество
Artem Danilov
мне кажется это просто анимация с svg, это не график.
если я ошибаюсь то буду благодарен за пруфы почитать на досуге.
а як они интерактивной ее сделали? там же посмотри, мышкой наводишь меняются значения и тд
источник

AD

Artem Danilov in React — русскоговорящее сообщество
Шепс
а як они интерактивной ее сделали? там же посмотри, мышкой наводишь меняются значения и тд
есть редакторы которые позволяют сделать интерактивную svg анимацию, на выходе ты получаешь js и html которую надо просто вставить
источник

P

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

VP

Viktor Pancheluha in React — русскоговорящее сообщество
Шепс
Рыбят, был у кого опыт кстати написания таких графиков? https://zona.media/coronagraph
Я как-то рисовал на чартжс маленькую штуку, но тут колоссальная работа кмк, или может я ошибаюсь и есть готовый инструмент не за бешеные бабки?
источник

Ш

Шепс in React — русскоговорящее сообщество
благодарю! что-то новое, не видел
источник

AD

Artem Danilov in React — русскоговорящее сообщество
биг спасибо
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Pavel
это я уже понял, я думаю просто над производительность, ок если у тебя один такой дравер, а если их 10... так же при рендере выполняются запросы apollo хотя возможно этот дравер даже не будет открыт, если все же дравера рендерить тогда нужно переходить на lazy query apollo. я строю подобное первый раз, по этому многое не ясно, и стараюсь искать лучшие решения
посмотри на destroyOnClose проп
источник

PI

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

let content

if (smth) {
 content = <Foo />
}
else if (smthElse) {
  content = <Bar />
}

<Drawer visible={content}>{content}</Drawer>

условно
источник

BB

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

PI

Pasha Ivanov in React — русскоговорящее сообщество
ну так в чем разница? пусть стейт меняет
источник