Но ведь я написал ответ, и он правильный!

Но ведь я написал ответ, и он правильный!

Да, я сейчас пробую, спасибо

Привет, в react transition group как убрать анимацию первого рендера?

Привет, в react transition group как убрать анимацию первого рендера?

пробовал ставить timeout=0?

тогда все анимации падают

Ребят у кого есть nextjs на продакшене?

Всем привет На участке кода почему-то падает реакт и говорит, что я неправильно рендерю компоненты Участок кода: https://gist.github.com/daydarkln/43b50fea5fd497abfe40175ac35ba4d2

сколько у вас rps?

Ошибка Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead. in QueryComponent (created by Context.Consumer) ...

помогает ли увеличение инстансов в кластере pm2

тогда все анимации падают

думаю этого хватит

тогда все анимации падают

будет выглядеть как-то так

Ошибка Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead. in QueryComponent (created by Context.Consumer) ...

На какой строке-то хоть

Не пишет Там стектрейс дикий какой-то

будет выглядеть как-то так

не помогло

Оба в мусор, сорри

Оба в мусор, сорри

+

40$/h (продешевил чет)

не помогло

у тебя список? я просто для модалки показал, сори, appear = 0, по смыслу этого параметра должно помочь, типо "появление"

Сесть и нарисовать с нуля по сеточке с соблюдением приницпов контрастности и правил внешнего и внутреннего.

Ну я и ответил - без разницы, потому что проблема не в этом.

второй

вот тут я бы margin-left убрал бы, где Фото и видео, чтобы как отдельный блок выглядело

Я вкратце всё объяснил - белое на белом на сером читается плохо, отступы не поддаются никакой логике, Вертикальное выравнивание, эм, странное. Что за КМ в белом прямоугольнике в первой строке - неочевидно с первого взгляда.

а в переписке есть кнопка жалобы на спам?

эх, щас бы политоту приплести

эх, щас бы политоту приплести

Обидели художника

эх, щас бы политоту приплести

приплести политоту - бесценно

в инфе о чате есть ссылка на ui/ux чат нет, надо свой творческий путь транслировать в максимально нерелевантных чатах

Особенно если он несимпатичный :3

Кстати, сам факт того, что ты задал этот вопрос, говорит только об одном - ты понятия не имеешь, что у тебя там происходит и рисовал просто от балды.

Ну даладно, а то забанят щас ещё

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

кто использовал react-material-ui, какие есть впечатления, грабли ?

кто использовал react-material-ui, какие есть впечатления, грабли ?

как-то неудобно динамически стилизовать, в остальном хорошие впечатления

кто использовал react-material-ui, какие есть впечатления, грабли ?

хуки

как-то неудобно динамически стилизовать, в остальном хорошие впечатления

Для корпоративного приложения хочу использовать, чтоб не сильно заморачиваться со стилями

Для корпоративного приложения хочу использовать, чтоб не сильно заморачиваться со стилями

мы используем, вроде, норм, есть еще альтернативы https://ant.design/ и https://reactstrap.github.io

Для корпоративного приложения хочу использовать, чтоб не сильно заморачиваться со стилями

Господа, подскажите, пожалуйста парочку примеров проекта на реакте небольших корпоративных приложений? Списки, формочки, админка... Я совсем зелен в реакте и js. Нужен пример, чтобы в нем поковыряться. Буду благодарен за ссылки. Спасибо

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

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

propTypes во-первых депрекейтед, во-вторых никаких гарантий не дает

propTypes во-первых депрекейтед, во-вторых никаких гарантий не дает

Оно то deprecated, но в npm библиотека висит, да и Реакт умеет с ней работать

Оно то deprecated, но в npm библиотека висит, да и Реакт умеет с ней работать

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

Гарантий опять же никаких не дают propTypes

Гарантий опять же никаких не дают propTypes

Понял, а как дела обстоят с проверкой получения пропсов?

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

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

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

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

я о том, надо ли, по-хорошему, проверять сам факт получения пропсов?(не изменения в зависимости от пропсов)

text="Вася" - проверяем, text === Вася ?

я о том, надо ли, по-хорошему, проверять сам факт получения пропсов?(не изменения в зависимости от пропсов)

зачем, если факт получения/не получения пропа - изменение в поведении компонента?

зачем, если факт получения/не получения пропа - изменение в поведении компонента?

Аргументов нет, спасибо

text="Вася" - проверяем, text === Вася ?

ну проверяем, если тестами - то да, проверяем поведение компонента, в зависимости от пропа т.е. что где то выведется текст "Вася" в самом компоненте нет смысла дополнительно проверять, пришел он или нет, потому что, этот факт мы итак узнаем, когда будем менять поведение компонента (как написал выше)

ну проверяем, если тестами - то да, проверяем поведение компонента, в зависимости от пропа т.е. что где то выведется текст "Вася" в самом компоненте нет смысла дополнительно проверять, пришел он или нет, потому что, этот факт мы итак узнаем, когда будем менять поведение компонента (как написал выше)

Благодарю за развернутый ответ

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

Если надо кликнуть и перейти кудато - ссылка Если нет - кнопка В твоем случае кнопка

Если надо кликнуть и перейти кудато - ссылка Если нет - кнопка В твоем случае кнопка

Окей, спасибо

Ребят есть компонет у которого элементы скрываются в дропдовн(например), когда не помещаются в компонент?

Да, чтобы посмотреть как пример, и сделать под себя

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

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

Я react-table юзал, единственное виртуализацию надо отдельно наворачивать

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

Есть UI библиотека blueprint в которой это все встроено

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

https://github.com/Autodesk/react-base-table попробуй посмотреть вот этот, они на основе react-virtualized(?)

спасибо всем огромное, сижу, изучаю)

Если захочешь сделать таблицу со множеством колонок, то придётся мучиться с горизонтальным скроллом. Я не видел виртуальные таблицы с горизонтальным скроллом, которые плавно прокручиваются в Firefox.

https://github.com/Autodesk/react-base-table попробуй посмотреть вот этот, они на основе react-virtualized(?)

вот этот компонент пока победил, 90% функционала есть, драггинг колонок прикручу сам. у блюпринта крутая таблица - но у них скорее эксель-таблица со всемии вытекающими + на топовой прошке с 5 строками в таблице она уже подлагивает норм. страшно представить, что будет на 1000)

вот этот компонент пока победил, 90% функционала есть, драггинг колонок прикручу сам. у блюпринта крутая таблица - но у них скорее эксель-таблица со всемии вытекающими + на топовой прошке с 5 строками в таблице она уже подлагивает норм. страшно представить, что будет на 1000)

https://devexpress.github.io/devextreme-reactive/react/grid/

https://devexpress.github.io/devextreme-reactive/react/grid/

о, выглядит очень даже многообещающе. спасибо!

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

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

тестить имо надо то, что видит юзер а классов юзеры не видят)

тестить имо надо то, что видит юзер а классов юзеры не видят)

Ты не правильно меня понял. Чтобы проверить, отрендерился ли корректно компонент, можно проверить в общем враппере className реакт компонента. Также, можно использовать метод mount(из Enzyme). Так вот можно ли в плане тестирования ставить знак ровно между проверкой className и вызовом метода mount?

Если текущая страница пагинации содержится в url, как эту страницу получить в компоненте? Просто в лоб парсить pathname до нужного слеша?

Если текущая страница пагинации содержится в url, как эту страницу получить в компоненте? Просто в лоб парсить pathname до нужного слеша?

Роут реакт-роутера предоставляет нужные вам пропсы

День добрый. Есть контейнер у него прописан onContextMenu Внутри него есть другие элементы, у которых тоже прописан onContextMen, но уже другая функция. При пкм на этих элементах вызывается функция, назначенная на пкм для контейнера. В чем может быть проблема/как фиксить? Спасибо P.S.Эти элементы находятся сверху, пробовал даже z-index+position прописывать.

Что такое пкм?

правая кнопка мыши

Всплытие срабатывает

При клике на дочерний элемент вызывай event.stopPropagation()

Stoppropagation

При клике на дочерний элемент вызывай event.stopPropagation()

Спасибо, работает!

Посоветуйте плез либу для получения среднего колор палета из картинки. P.S. colorthief не предлагать, не работает

Лучше взять более удобную и современную библиотеку для анимаций

Например?