Ты можешь написать какой то общай компонент, допустим модалку со всем функционалом, а в него прокидывать все что тебе нужно)

Хороший кейс =) const Modal = props => { return ( <div>{props.children}</div> ); } const Text = props => { return ( <span>{props.text}</span> ); } <Modal> <Text text="Hello"/> </Modal>

Друзья, срочно ищем докладчика на следующий React Moscow Meetup, который состоится 11 декабря в Москве!🎉 Есть что интересное и глубокое рассказать? Пишите в ЛС 👉 @DenisIzmaylov Давайте зажгём как следует в последние дни года! 🔥

О, я как раз буду в Москве. С удовольствием послушаю :)

почему в одном случае работает, а в другом нет?

Потому что getImage возвращает промис

Блин кто-нибудь пользуется docz? Мне очень нравится идея, mdx и визуально, но ёмоё Оно начиная с беты и до сих пор ни хера не работает

вторая версия на гетсби

вторая версия на гетсби

верно И от этого одни проблемы походу

а запись будет? если да, когда?

Возможно, но доподлинно пока неизвестно, если будет, то в @ReactMoscow и/или в @ReactRussia – подписывайтесь

@DenisIzmaylov, подскажи плиз запись будет?)

Выше 🙂

О, я как раз буду в Москве. С удовольствием послушаю :)

Супер! 🙂

А как правильно в компоненте сделать useEffect setInterval чтобы он повторялся бесконечно? нужно просто вернуть новый interval?

А как правильно в компоненте сделать useEffect setInterval чтобы он повторялся бесконечно? нужно просто вернуть новый interval?

useEffect(() => { const interval = setInterval(update, 800) return () => clearInterval(interval) }, [])

useEffect(() => { const interval = setInterval(update, 800) return () => clearInterval(interval) }, [])

Но тогда он не вернет clearINterval? И калбэк больше не запуститься?

Но тогда он не вернет clearINterval? И калбэк больше не запуститься?

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

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

А спс, точно

Ты можешь написать какой то общай компонент, допустим модалку со всем функционалом, а в него прокидывать все что тебе нужно)

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

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

А почему не пропсы?)

Ну, тогда погугли Function as a Child, удивишься.

погуглил я скорее о том что вот так никогда не писал явно <Parent ... children={[<Child1/>]}/>

погуглил я скорее о том что вот так никогда не писал явно <Parent ... children={[<Child1/>]}/>

это типо слоты

А почему не пропсы?)

ну вложенность была большая а лоадер где то там объявлен чтобы не "тянуть" наверное не мое решение было тогда

это типо слоты

Layout header={Header} main={Main} footer={Footer}

Layout header={Header} main={Main} footer={Footer}

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

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

Да дурь какая-то. Не знаю, зачем так писать.

спс что прояснили, это все понятно просто не так понял мб

Да дурь какая-то. Не знаю, зачем так писать.

может они имели рендер пропс?

может они имели рендер пропс?

Ну, если рендер - это понятно. Но чилдрен.. 🤷‍♂️

children(props) mb

Ну, если рендер - это понятно. Но чилдрен.. 🤷‍♂️

во во

Скорее всего какое-то недопонимание у вас вышло. Но или интервьювер намудрил.

Скорее всего какое-то недопонимание у вас вышло. Но или интервьювер намудрил.

+

+

Собес-то прошёл ?)

гайзы , почему setInterval не срабатывает когда компонент был обновлен

Собес-то прошёл ?)

пока не знаю это ж телефонный был на полчаса

бля нифига себе у вас тут технологии надо подумать)

Кто-либо пользовался redux-toolkit

??

А как правильно в компоненте сделать useEffect setInterval чтобы он повторялся бесконечно? нужно просто вернуть новый interval?

целая ж статья про это)

Кто-либо пользовался redux-toolkit

https://nometa.xyz/

https://nometa.xyz/

забрал себе спасибо

Вопрос по Chart.js. У меня естьб Bar chart, диаграмма со столбцами. Сейчас та 10 стобцов, т. е. массив поданых данных data имеет 10 элементов. Нужно скачать в него с бека 100 элементов и иметь по диаграммой ползунок, который бы позволял отображать от 10 до 100 столбцов. Такое есть у Highcharts, который платный.

Вопрос по Chart.js. У меня естьб Bar chart, диаграмма со столбцами. Сейчас та 10 стобцов, т. е. массив поданых данных data имеет 10 элементов. Нужно скачать в него с бека 100 элементов и иметь по диаграммой ползунок, который бы позволял отображать от 10 до 100 столбцов. Такое есть у Highcharts, который платный.

вопрос в кол-ве столбцов или что?

вопрос в кол-ве столбцов или что?

Имеем массив в 100 элементов, из него отрисовываем от 10 до 100, в зависимости от ползунка ниже графика.

Имеем массив в 100 элементов, из него отрисовываем от 10 до 100, в зависимости от ползунка ниже графика.

а вопрос в чем?

Вопрос по Chart.js. У меня естьб Bar chart, диаграмма со столбцами. Сейчас та 10 стобцов, т. е. массив поданых данных data имеет 10 элементов. Нужно скачать в него с бека 100 элементов и иметь по диаграммой ползунок, который бы позволял отображать от 10 до 100 столбцов. Такое есть у Highcharts, который платный.

https://stackoverflow.com/questions/35854244/how-can-i-create-a-horizontal-scrolling-chart-js-line-chart-with-a-locked-y-axis

если кратко - поверх пишшеь контейнер с фиксированной шириной - а внутри он становиться на полную ширину - вот тебе и скролл

Умеет ли Chart.js подобное. Можно самому сделать инпут для задания кол-ва отображаемых столбцов, но вручную неохота.

Умеет ли Chart.js подобное. Можно самому сделать инпут для задания кол-ва отображаемых столбцов, но вручную неохота.

чарт масштабируется в зависимости от родителя

юзани Highcharts, он все умеет

https://stackoverflow.com/questions/35854244/how-can-i-create-a-horizontal-scrolling-chart-js-line-chart-with-a-locked-y-axis

Спасибо. Близко. Я имел ввиду кол-во столбцов на одной ширине графика. Раздвигаем ползунок, кол-во столбцов увеличивается, оси при этом остаются на месте, без скролла. Не найду, применю решение по ссылке.

юзани Highcharts, он все умеет

Он платный. Да, там такое есть.

Он платный. Да, там такое есть.

https://codesandbox.io/s/highcharts-9ew8o не вижу, что бы платный был

Топ названия переменных)

https://codesandbox.io/s/highcharts-9ew8o не вижу, что бы платный был

https://shop.highsoft.com/highcharts. Он фри для персонального поюза, на работе не дадут юзать.

https://shop.highsoft.com/highcharts. Он фри для персонального поюза, на работе не дадут юзать.

сто лет юзают люди, дай ссылку, где это написано

Надо это вытащить из компонента просто

сто лет юзают люди, дай ссылку, где это написано

https://shop.highsoft.com/highcharts. Он не фри для коммерции.

Топ названия переменных)

а что тебе переменных не нравится ?

https://shop.highsoft.com/highcharts. Он не фри для коммерции.

хз, ну юзай для комерции)) не понимаю, проблема то в чем?? рили не пойму

а что тебе переменных не нравится ?

Они некорректно обьясняют свое содержимое

хз, ну юзай для комерции)) не понимаю, проблема то в чем?? рили не пойму

в судебных разбирательствах

хз, ну юзай для комерции)) не понимаю, проблема то в чем?? рили не пойму

На работе не разрешают использовать платные библиотеки.

На работе не разрешают использовать платные библиотеки.

а, я понял

Они некорректно обьясняют свое содержимое

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

isHelpViewOpen wasSentAgain wasPhoneChanged setRedux это вообще рофл)

кхмм

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

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

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

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

а ниче что это кастом функция которая создает новый стейт и диспатчит в стор

На работе не разрешают использовать платные библиотеки.

я думаю если на старой версии остаться, проблем не будет, она всегда что ли платной была?

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

я приходил на проект, который вообще без доки был

Да и ты сам забудешь что там к чему, когда тебя попросят там что-то поправить через месяц

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

я думаю если на старой версии остаться, проблем не будет, она всегда что ли платной была?

Не ведаю. У Highcharts была бесплатная версия?

Не ведаю. У Highcharts была бесплатная версия?

да вот юзали же, даже не знали, что она платная

я приходил на проект, который вообще без доки был

У меня все проекты такие, тем не менее все понятно благодаря нормальному коду)

У меня все проекты такие, тем не менее все понятно благодаря нормальному коду)

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

У меня все проекты такие, тем не менее все понятно благодаря нормальному коду)

i feel your pain bro

Господа, допустим с сервера приходит HTML, нам нужно вырезать все теги div из него и засунуть эту строку в schema.org (которую рендерит в json/ld компонентик реакта). Вопрос, есть ли способ делать это и на клиенте и на сервере (ssr), но чтобы на клиенте юзалась браузерная апи и не тащилась либа для парсинга в бандл, а на сервере какой нибудь js-dom. То есть вопрос, можно ли как то в компоненте заюзать либу из нод.джс, только если сейчас он рендерится на сервере и чтобы она не попала в бандл

чарт масштабируется в зависимости от родителя

Как мне при открытии страницы иметь легенду под bar чартом, при масштабировании в мобильный экран не иметь? При этом на мобильном экране будут 2 вкладки (табы), на одной pie chart, на другой bar chart. onResizе() неплохо убирает легенду при первом переключении в размер телефона, но при перемещении по табам чарт создаётся снова без масштабирования и легенда чарта снова появляется. Ссылку на Гит выложу, коли кто запустит у себя.

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