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

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

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

Привет! Как быстрее выучить реакт, по книгам, или тупо практикой + стэковерфлоу? Видео уроки не идут у меня.

1 день и можно идти клепать формы

Привет! Как быстрее выучить реакт, по книгам, или тупо практикой + стэковерфлоу? Видео уроки не идут у меня.

Дока+практика+чат+стаковерфлоу при вопросах. Через пару недель будешь себя уже уверенно чувствовать относительно.

Дока+практика+чат+стаковерфлоу при вопросах. Через пару недель будешь себя уже уверенно чувствовать относительно.

чат можно выпилить из стартер пака чтобы стартовать достаточно доки и пары туторов

чат можно выпилить из стартер пака чтобы стартовать достаточно доки и пары туторов

Жснубс какой-нибудь - почему нет

Жснубс какой-нибудь - почему нет

а, ну ето да, пойдет

Сдам комнату, фронтендеру в Минске. Подробности в личке.

Сдам комнату, фронтендеру в Минске. Подробности в личке.

Очень тонко

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

я рад )

Очень тонко

Не охота дальнобойщиков подселять)

Не охота дальнобойщиков подселять)

А бэкендеров?

А бэкендеров?

Если фронта не найду то вариант)

подскажите, пытаюсь добавить в проект Erro Boundary компонент, и на секунду после ошибки он отрисовывается а потом я вижу вот это.

подскажите, пытаюсь добавить в проект Erro Boundary компонент, и на секунду после ошибки он отрисовывается а потом я вижу вот это.

добавь перед Number props.price && проверяй, что такой пропс вообще существует.

добавь перед Number props.price && проверяй, что такой пропс вообще существует.

Не, меня не фикс ошибки интересует, а что бы вместо страницы что все упало показывалась страница с текстом «Что-то пошло не так»

Компонент если что юзаю отсюда https://ru.reactjs.org/docs/error-boundaries.html

Всем привет. Пытаюсь понять как работаю css модули для вложеных компонентов. Как задать стили для Li компонента внтри Ul компонента. Вот код: https://codesandbox.io/s/nifty-smoke-59nlc

Мне нужно что бы у всех Li был margin-left: 10px, а у первого компонента его не было. То есть если бы это был обычный html и css то css выглядил бы так: ul li {margin-left: 10px} ul li:first-child {margin-left: 0}

Мне нужно что бы у всех Li был margin-left: 10px, а у первого компонента его не было. То есть если бы это был обычный html и css то css выглядил бы так: ul li {margin-left: 10px} ul li:first-child {margin-left: 0}

Ну и пиши в li.module.css li:first-child

они все first-child

они все first-child

Да нет, в твоём примере так как я написал - работает.

Да нет, в твоём примере так как я написал - работает.

Да работает) Но все же я наверное не так задал вопрос: "что если я захочу из компонента ul захочу поменять цвет 3 li как это сделать?"

третьему li*

Парни, просветите есть разница при импорте? function Component(props) {...} vs const Component = (props) => {...}

Парни, просветите есть разница при импорте? function Component(props) {...} vs const Component = (props) => {...}

Ноуп

А как же this ?

А как же this ?

Какой this в функциональном компоненте?

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

Какой this в функциональном компоненте?

Ой :)

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

Не по реакту вопрос...

да в курсе

@itsjohncena оприходуй человечка в жобс

Всем привет. Пытаюсь понять как работаю css модули для вложеных компонентов. Как задать стили для Li компонента внтри Ul компонента. Вот код: https://codesandbox.io/s/nifty-smoke-59nlc Я хочу поменять цвет третьего Li на красный, как это сделать через Ul компонент?

привет всем, рекурсивно вызывает кто то компонент в компоненте? и какие минусы этого методы?

привет всем, рекурсивно вызывает кто то компонент в компоненте? и какие минусы этого методы?

Никаких минусов, редко но бывает полезно, смело используйте

привет всем, рекурсивно вызывает кто то компонент в компоненте? и какие минусы этого методы?

строил дерево так

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

/[^\s]/ но зачем я это пишу...ведь медвежья услуга :(

/[^\s]/ но зачем я это пишу...ведь медвежья услуга :(

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

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

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

if (!string.trim()) console.log('Строка содержит только пробелы')

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

/[^\s]*/ звездочку

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

ну в этой регулярке получается пустая строка не валидна

Валидна пустая

Хотя нет, не надо там звездочку, не верное решение

Ребята, не подскажете с socket.io ? при каждом ререндере устанавливается новое соединение...

Хотя нет, не надо там звездочку, не верное решение

/[^\s]|^$/

Ребята, не подскажете с socket.io ? при каждом ререндере устанавливается новое соединение...

значит у тебя анмаунтиться компонентъ

вынести коннекшн в слой стейт менеджера (либо если костылить его во вью слое, то хотя бы useRef + useEffect)

/[^\s]|^$/

Получилось вот так ^(?!\s).*$

вынести коннекшн в слой стейт менеджера (либо если костылить его во вью слое, то хотя бы useRef + useEffect)

так это изза того, что переменная socket определяется каждый раз при ререндере... Понял, спасибо

const socket = useRef(io(..))

const socket = useRef(io(..))

все равно несколько раз connect

Покажите код где используется SocketListener

Покажите код где используется SocketListener

В компоненте в 300+ строк

но там особой логики нет, только куча роутов с проверкой на permissions

Да вопрос в том что может вызывть ререндер SocketListener

const socket = useRef(io(..))

и если потом заюзать socket.emit - орет, что socket.emit is not a function

props ему передаются может какие-то? или key изменяется? или родительский компонент unomount-тится, все это могло бы приводить к re-mount'у SocketListener

он тупо голый без пропсов <SocketListener />

и если потом заюзать socket.emit - орет, что socket.emit is not a function

Это же ref, к нему надо обращатся через .current

const socket = useRef(io(..))

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

Это же ref, к нему надо обращатся через .current

давно не использовал, точно

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

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

Вызом io() конечно будет выполняться, но и пофиг в данном случае, главное что ссылка будет указывать лишь на один из них, или io() делает коннект ? Тогда надо в useEffect делать вызов socket.current = io()

Вызом io() конечно будет выполняться, но и пофиг в данном случае, главное что ссылка будет указывать лишь на один из них, или io() делает коннект ? Тогда надо в useEffect делать вызов socket.current = io()

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

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

https://ru.reactjs.org/docs/faq-functions.html#bind-in-constructor-es2015

https://ru.reactjs.org/docs/faq-functions.html#bind-in-constructor-es2015

И? Вы вопрос мой прочитали?

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

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

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

ну если по аналогии с нативными, то io() прям коннектится к сокет серверу да и емнип почти во всех реализациях, которые я видел так)

Гайз, как в Apollo сделать запрос по типу Promise.all ?

Гайз, как в Apollo сделать запрос по типу Promise.all ?

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

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

именно

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

именно

Положить все в 1 query

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

скажем так. Я вообще не компетентет в теме графкуэля и аполло. Я мне достался компонент, к которому подключено 2 запроса. И вероятнее всего, из за этого компонент ререндерится 2 раза

скажем так. Я вообще не компетентет в теме графкуэля и аполло. Я мне достался компонент, к которому подключено 2 запроса. И вероятнее всего, из за этого компонент ререндерится 2 раза

значит правильно человек сказал выше. Зарефакторь в один запрос

значит правильно человек сказал выше. Зарефакторь в один запрос

благодарю

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

const self = this