Не понял?

смотри

tag.js:120 и tag.js:91 яндекс метрика

смотри

а ты любитель экзотики

а ты любитель экзотики

есть немного

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

Не бойтесь и попробуйте в конце концов

непонятно, в данном случае useFriendStatus сколько раз будет вызываться?

реакт сохранит 1 копию хука и заюзает ее между компонентами, или будет 2 копии и сработает 2 подписки к ChatAPI?

Выжимка из доков похоже говорит о втором варианте: The state of these components is completely independent. Hooks are a way to reuse stateful logic, not state itself. In fact, each call to a Hook has a completely isolated state — so you can even use the same custom Hook twice in one component

Выжимка из доков похоже говорит о втором варианте: The state of these components is completely independent. Hooks are a way to reuse stateful logic, not state itself. In fact, each call to a Hook has a completely isolated state — so you can even use the same custom Hook twice in one component

на каждый апдейт

В итоге 2 подписки будет?

на chatapi

реселект консоль логать не должен при переходе на другую страницу и назад? если не изменен массив

Всем привет, кто нибудь писал тест на клик вне компонента ?

Нормальные люди сейчас в кроватке лежат.

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

Куда мне еще идти как не в чатик)

В итоге 2 подписки будет?

одна на каждый вызов хука

я на хуках написал работу с вебсокетом

https://gist.github.com/popuguytheparrot/8422283696c35b4ac28ca900be4c05f6

одна на каждый вызов хука

👍

посниье кто то за реселект то еп, я сделал пример https://codesandbox.io/s/dreamy-paper-v1nmq

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

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

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

вот еще поресерчишь и придешь к истине

вот еще поресерчишь и придешь к истине

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

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

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

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

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

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

Чтобы не обновлять при добавлении ячейки, все ячейки с 1 по 5

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

Сделай фибоначчи

На 1к Сначало интерфейс зависнет (делай самым медленным способом). Потом сразу будет возвращать результат

const start = Date.now() while (Date.now() - start < 10000);

типы реакта под typeScript как нибудь задокументированы, где нибудь о них можно почитать?

типы реакта под typeScript как нибудь задокументированы, где нибудь о них можно почитать?

https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react

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

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

как у других — не знаю, но мы старые куски, которые переписываем потихоньку — делаем сразу на хуках

Кто нибудь работает с монорепозиториями? Какими инструментами пользуетесь?

Парни почему может не работать node-sass? Решил просто переписать стили в старом проекте на sass, в других проектах sass работает нормально

Делаю все как обычно npm i node-sass, и потом к компоненту import "./blabla.sass"

На MakeWeb.me вышел перевод доклада Лин Кларк "Как Fiber сделал React значительно быстрее" https://youtu.be/4p9ISqIx1zI

может кто подскажет есть ли какой-нибудь матчер в jest, чтоб проверить в массиве [1, 2, 3 ] первый и последний элемент, что-то типа expect([1,2,3]).toMatchObject([1, any, 3])

может кто подскажет есть ли какой-нибудь матчер в jest, чтоб проверить в массиве [1, 2, 3 ] первый и последний элемент, что-то типа expect([1,2,3]).toMatchObject([1, any, 3])

https://jestjs.io/docs/en/expect#toequalvalue

https://jestjs.io/docs/en/expect#toequalvalue

и как мне это должно помочь?

если оно стравнивает рекурсивно каждый элемент

и как мне это должно помочь?

expect([1, 2, 3]).toEqual([1, expect.anything(), 3])

как мне указать что мне не важно значение 2го элемента

спс expect.anything() и есть ответ на мой вопрос

может кто подскажет есть ли какой-нибудь матчер в jest, чтоб проверить в массиве [1, 2, 3 ] первый и последний элемент, что-то типа expect([1,2,3]).toMatchObject([1, any, 3])

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

нет, определенной, кастомный хук

в общем спс, exactly what i need

v8js typeError: React.renderToString is not a function

кто сталкивался с такой проблемой и как их решать

react на вебпаке собран

у меня есть иконка, которая отображается во время сохранения. и иконка "saved". как сделать так, чтоб она исчезала плавно? транзишн не работает.

у меня есть иконка, которая отображается во время сохранения. и иконка "saved". как сделать так, чтоб она исчезала плавно? транзишн не работает.

react-transition-group

или react-spring

react-transition-group

а чувак позаботился о примерах (нет)

а чувак позаботился о примерах (нет)

https://reactcommunity.org/react-transition-group/transition

поковыряй тут

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

привет, подскажите кто-то юзает https://github.com/morajabi/styled-media-query ? Как сделать чтобы синтаксис подсвечивался нормально в пхпшторме?

Это что типа ssr React на v8 внутри php? 😳

а то у меня вот так

Это что типа ssr React на v8 внутри php? 😳

Да

Но 100500 ошибок различных по типу not function или is not defined

пробую различные варианты но пока такое себе)

Да

типо server side rendering делаете?

Да

именно с пхп нужно

именно с пхп нужно

идея, мягко говоря, не очень

Ну что поделать, такова задачка

Да все бы ничего, если бы не сео)

Да все бы ничего, если бы не сео)

Заведите ноду для ssr, а пхп пусть данные отдаёт

Получается с клиента идет запрос на апи (пхп) с пхп отдается json на ноду а нода обратно клиенту?

Получается с клиента идет запрос на апи (пхп) с пхп отдается json на ноду а нода обратно клиенту?

Нет. Клиент идёт в ноду, нода при необходимости идёт в пхп, рендерит хтмл и отдаёт клиенту

Получается с клиента идет запрос на апи (пхп) с пхп отдается json на ноду а нода обратно клиенту?

Первый запрос - на ноду, она идет за данными в ваш php, рендерит html и начальный стейт, отдает в браузер, реакт на клиенте делает hydrate, дальше все работает как обычно. У роботов каждый запрос проходит через ноду.

спасибо

Но 100500 ошибок различных по типу not function или is not defined

конкретно эта ошибка заключается в том, что у вас отсутствует переменная React (так же у модулей там свои области видимости). если вы хотите продолжить решать проблему своим путем, то либо подключите скрипты React к этой странице отдельно, либо внутри bundle.js объявите переменные глобально. bundle.js, как правило, минифицированный, и там нет переменной React, поэтому и получаете такие ошибки.