хоф? ?

хок для компонента. хоф для функции

ну по идее

ну в смысле? это разве не «просто хок»?

Да это High order function

а

да, я тупой просто

короче именно вот так никто не пробовал делать?

короче именно вот так никто не пробовал делать?

Потому что не надо так делать)

пруф

нужен

пруф

Есть общепринятый подход, зачем такое писать?

нет, погоди

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

Есть общепринятый подход, зачем такое писать?

чего ты меня общепринятыми практиками пугаешь?

мне за конкретный кейс нужно знать

по факту

могу или нет

ну попробуй работает или нет

мне за конкретный кейс нужно знать

Во первых проверь сам, во вторых хочу знать зачем тебе это

ну ок. короче. иногда типа данные не готовы и рендер вызывать не хочу. хочу перед рендером проверить можно ли его вызвать… как-то так

вернее нет

стой

ну ок. короче. иногда типа данные не готовы и рендер вызывать не хочу. хочу перед рендером проверить можно ли его вызвать… как-то так

Так это HoC

погоди

короче лоадер. нужно рендерить либо лоадер, либо контент компонента

как ты делаешь это?

короче лоадер. нужно рендерить либо лоадер, либо контент компонента

хок )

пакеж

пакеж

https://medium.com/@Farzad_YZ/handle-loadings-in-react-by-using-higher-order-components-2ee8de9c3deb?source=linkShare-607c0c4fb1de-1534505185

ммм

по некоторым кейсам не подойдет

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

а тут дело до него не дойдет даже

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

Декомпозируй

не

не всегда охота

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

willMount deprecated

не всегда охота

Но лучше чем твой костыль

willMount deprecated

разве?

разве?

https://reactjs.org/blog/2018/03/29/react-v-16-3.html#component-lifecycle-changes

Но лучше чем твой костыль

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

короче мне они не заходят эти хоки

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

Тогда не пиши на Реакте

Тогда не пиши на Реакте

не, ты зря так

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

В реакте вообще не нужно наследоваться. Тред не читал.

В реакте вообще не нужно наследоваться. Тред не читал.

да, и наследование тоже не люблю )

да, и наследование тоже не люблю )

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

В реакте вообще не нужно наследоваться. Тред не читал.

Да, для 99.9995% это верно.

Чета не понимаю как symbol-observable работает

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

)) ок, давай закроем тему. я понял твою мысль

subscribe пустой постоянно

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

спасибо!!!

короче лоадер. нужно рендерить либо лоадер, либо контент компонента

ля. ПРям Ля

let вместо const Иногда проскакивают такие замечания на кодревью. Это норма? )

let вместо const Иногда проскакивают такие замечания на кодревью. Это норма? )

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

вроде динамического изменения типа

и тд

Разницу я понимаю. В проекте компоненты рендарятся по 20 раз. А тут оптимизацию подвезли ?

Я понял. Спасибо.

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

Вообще переприсваивать это плохо

let вместо const Иногда проскакивают такие замечания на кодревью. Это норма? )

когда консты - это фп

const удобнее как по мне, сразу видно когда переменную переопределяют когда нет, а то когда пару десятков let, фиг разбрешь что происходит

let вместо const Иногда проскакивают такие замечания на кодревью. Это норма? )

Чем строже твой код, тем лучше. Ориентируйся на это.

const удобнее как по мне, сразу видно когда переменную переопределяют когда нет, а то когда пару десятков let, фиг разбрешь что происходит

разумный довод.

Чем строже твой код, тем лучше. Ориентируйся на это.

Тоже верно.)

ERROR: S client not available

По мне вообще если в куске кода мутируется переменная то скорее всего тут что то не так

работяги, привет! Кто юзает react-modal? Как мне анимацию добавить на модалку? Хочу чтобы опасити нарастал

.Modal { position: absolute; height: 700px; width: 1190px; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); transition: display .3s ease-in-out; }

вот попытался transition: display .3s ease-in-out;

но не вышло

Так не работает

да, если ты спрашиваешь))

вот попытался transition: display .3s ease-in-out;

transition: all .3s ease-in-out; (или на opacity), на счет display не уверен.

transition: all .3s ease-in-out; (или на opacity), на счет display не уверен.

Привет, Макс. Попробую сейчас)

вот попытался transition: display .3s ease-in-out;

display не будет так работать, делай как выше сказали либо all либо opacity

Разницу я понимаю. В проекте компоненты рендарятся по 20 раз. А тут оптимизацию подвезли ?

не важно сколько рендерится. let и const не про это

Привет, Макс. Попробую сейчас)

привет) display не имеет величины, поэтому ему нечего “транзишен” ).

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

Откуда инфа?

const семантически правильнее просто. Про оптимизации слышал что их нет

А кто как queryParams хэндлит в реакт-роутере?

Откуда инфа?

читал где то

привет) display не имеет величины, поэтому ему нечего “транзишен” ).

блин, а я подумал там типа через display: none

как вариант

но эт не все движки делают

блин, а я подумал там типа через display: none

не, должно быть так: есть блок, у которого есть transition (например all - то есть на все) затем если у этого блока появляется opacity: 1 (то значение начинает изменяться с хх (какое было) до 1). Добавлять opacity можно как и классом, так и стилем.. но я думаю, попробуй погуглить просто по react-modal + smooth opacity (или в issue / pr посмотреть у либы), если не вышло просто добавив transition all

А кто как queryParams хэндлит в реакт-роутере?

@withRouter + location.query

не, должно быть так: есть блок, у которого есть transition (например all - то есть на все) затем если у этого блока появляется opacity: 1 (то значение начинает изменяться с хх (какое было) до 1). Добавлять opacity можно как и классом, так и стилем.. но я думаю, попробуй погуглить просто по react-modal + smooth opacity (или в issue / pr посмотреть у либы), если не вышло просто добавив transition all

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

@withRouter + location.query

Ну это тип слишком просто, мне ими ещё и манипулировать умно надо, пришлось аж свой лэйер делать для контроля и получения

Ну это тип слишком просто, мне ими ещё и манипулировать умно надо, пришлось аж свой лэйер делать для контроля и получения

https://www.npmjs.com/package/query-parse

распарсить же просто ?

да парсить то легко

не, должно быть так: есть блок, у которого есть transition (например all - то есть на все) затем если у этого блока появляется opacity: 1 (то значение начинает изменяться с хх (какое было) до 1). Добавлять opacity можно как и классом, так и стилем.. но я думаю, попробуй погуглить просто по react-modal + smooth opacity (или в issue / pr посмотреть у либы), если не вышло просто добавив transition all

http://reactcommunity.org/react-modal/styles/transitions.html В доке есть все, чет я зря сразу туда не полез))))

http://reactcommunity.org/react-modal/styles/transitions.html В доке есть все, чет я зря сразу туда не полез))))

?, первое правило “новой библиотеки” - прочитать хотя бы README )

https://gist.github.com/VladimirMilenko/fefe295cdb7dfe845fb1154fa0c10e8d Пришлось вот такое написать, для более точно манипулирования параметрами

Всем привет, может кто знает такую ниформацию? сколько хранится изображение во временном хранилище браузера. Т.е. поясню пользователь может загрузить свой вариант изображения товара, т.е. в корзину добавляется товар но у него новое изображение, и что бы не грузить на сервер, я в сессии храню данные что мне дает объект File. т.е. путь к временному хранилищу, разрешение, и название файла. НА сколько это разумно? Я думал грузить сразу на сервак картинки, но что будет если пользователь решит удалить этот товар из корзины, не заказав, просто так гонять файлы совсем не хотелось поэтому подумал о записи пути к временному хранилищу в браузере, или думал его еще сериализовать. Что подскажите? Если делаю все правильно, какой срок жизни временного фалйа в /tmp? что бы он не пропал после перехода на новую страницу

ниформация

Всем привет, может кто знает такую ниформацию? сколько хранится изображение во временном хранилище браузера. Т.е. поясню пользователь может загрузить свой вариант изображения товара, т.е. в корзину добавляется товар но у него новое изображение, и что бы не грузить на сервер, я в сессии храню данные что мне дает объект File. т.е. путь к временному хранилищу, разрешение, и название файла. НА сколько это разумно? Я думал грузить сразу на сервак картинки, но что будет если пользователь решит удалить этот товар из корзины, не заказав, просто так гонять файлы совсем не хотелось поэтому подумал о записи пути к временному хранилищу в браузере, или думал его еще сериализовать. Что подскажите? Если делаю все правильно, какой срок жизни временного фалйа в /tmp? что бы он не пропал после перехода на новую страницу

Если мобильной версии нет, только ПК, забей и шли на сервер