@react_js - страница 1681 - Telegram web archive

Dmitry

хочешь чтобы страница отрисовывалась, а потом подгружались стили и накладывались на верствку? :))

Я хочу просто ускорить скорость загрузки))

🅅aleriy

Я хочу просто ускорить скорость загрузки))

file.js.gz сожмет твои 500кб до 50кб далее любой веб сервер и любой браузер этот сжатый формат понимают прозрачно

Dmitry

file.js.gz сожмет твои 500кб до 50кб далее любой веб сервер и любой браузер этот сжатый формат понимают прозрачно

.css сожмет?

🅅aleriy

.css сожмет?

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

Юрий

ребят, есть массив юзеров, они перебираються и выводяться, при клике на юзера, вызывается метод который прнимает ID юзера и добавляет его в стейт, а в диве проверка если этот id === user.id - делает ему цвет красный. (то есть выбран сейчас он) но тут такой кейс, сейчас нужно при переборе и рендере этих юзеров определять можно на него будет кликнуть или нет, если у него поле info: не заполнено, он должен быть серый и не кликабельный. как это можно сделать?

🅅aleriy

ребят, есть массив юзеров, они перебираються и выводяться, при клике на юзера, вызывается метод который прнимает ID юзера и добавляет его в стейт, а в диве проверка если этот id === user.id - делает ему цвет красный. (то есть выбран сейчас он) но тут такой кейс, сейчас нужно при переборе и рендере этих юзеров определять можно на него будет кликнуть или нет, если у него поле info: не заполнено, он должен быть серый и не кликабельный. как это можно сделать?

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

Юрий

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

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

🅅aleriy

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

ты можешь через css отключить любые эвенты на элементе

Yury

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

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

🅅aleriy

pointer-events: none

Ianis

Или рендерить conditional есть инфа\нет инфы -> с обработчиком\без

🅅aleriy

отрубит тебе onClick и прочие события мыши и тача

Ianis

pointer-events: none

это продакшн юзкейс? я просто первый раз такое вижу

Юрий

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

это можно сделать, но тогда вопрос: у меня при нажатии на див, проверка вот такая: style={{backgroundColor: hoverStatus === agent.id ? "#eeeeee" : ""}} для отображение какой именно выбран сейчас. если я сделаю проверку на user.info ? class1 : class2 а при клике как тогда менять его цвет?

🅅aleriy

это продакшн юзкейс? я просто первый раз такое вижу

в смысле первый раз видишь css??

Юрий

то есть получается у меня 3 состояния, 1) можно выбрать и без цвета изначально 2) нельзя выбрать и уже имеет цвет 3) то что изначально без цвета, завадать ему цвет при клике и убирать при повторном

Ianis

в смысле первый раз видишь css??

Делать отключение обработки событий через css, добавляя класс через условие. Это где такому учат?

🅅aleriy

Делать отключение обработки событий через css, добавляя класс через условие. Это где такому учат?

https://developer.mozilla.org/ru/docs/Web/CSS/pointer-events

Ianis

https://developer.mozilla.org/ru/docs/Web/CSS/pointer-events

Это я знаю. Я конкретно про юзание такого подхода в продакшене спрашиваю

🅅aleriy

Это я знаю. Я конкретно про юзание такого подхода в продакшене спрашиваю

в каком еще продакшине? это спецификация CSS все что там написано, можно смело юзать где угодно

🅅aleriy

продуктом сборки реакт проекта является набор html, js, css файлов и прочих артефактов же

Ianis

в каком еще продакшине? это спецификация CSS все что там написано, можно смело юзать где угодно

Вы серьезно? Если это такой тролинг, то не смешно. Есть еще люди, кто через классы отключают обработчики мыши conditional рендерингом? Где этому учат?

🅅aleriy

Вы серьезно? Если это такой тролинг, то не смешно. Есть еще люди, кто через классы отключают обработчики мыши conditional рендерингом? Где этому учат?

а кто этому должен учить вообще? есть стандарт спека по стилям, если кто-то не умеет ее читать может попросить профессора в универе научить конечно :))

🦜

в песочнице покажешь?)

знаешь в чем хуйня была, в марджине, заменил на паддинг

Yury

знаешь в чем хуйня была, в марджине, заменил на паддинг

👌 блочная система с действии. Я уж собирался тебе посмотреть может у кнопки маржин был задан )

🦜

👌 блочная система с действии. Я уж собирался тебе посмотреть может у кнопки маржин был задан )

самое не любимое, это верстка)

Ianis

то есть получается у меня 3 состояния, 1) можно выбрать и без цвета изначально 2) нельзя выбрать и уже имеет цвет 3) то что изначально без цвета, завадать ему цвет при клике и убирать при повторном

У вас есть какой-то компонент, там вы рендерите юзеров

Ianis

то есть получается у меня 3 состояния, 1) можно выбрать и без цвета изначально 2) нельзя выбрать и уже имеет цвет 3) то что изначально без цвета, завадать ему цвет при клике и убирать при повторном

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

Юрий

У вас есть какой-то компонент, там вы рендерите юзеров

я придумал вариант такой: по className проверяю ставлю начальный цвет . по клику меняю цвет и задаю уже внутри Style

🅅aleriy

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

Ianis

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

Именно здесь почему надо? Расскажите тонкости

🅅aleriy

компонент может быть смаунтен например в первый раз с несуществующим userId, потом данные подгрузятся, юзерИд сменится, а в колбеке останется замыкание на undefined

Ianis

компонент может быть смаунтен например в первый раз с несуществующим userId, потом данные подгрузятся, юзерИд сменится, а в колбеке останется замыкание на undefined

Уверяю вас, здесь не нужно указывать зависимость. Предлагаю вам углубиться в тему

アレクサンダー・バキマトフ

Уверяю вас, здесь не нужно указывать зависимость. Предлагаю вам углубиться в тему

почему?

🅅aleriy

Уверяю вас, здесь не нужно указывать зависимость. Предлагаю вам углубиться в тему

really? мне? углубиться? :)))

from

Уверяю вас, здесь не нужно указывать зависимость. Предлагаю вам углубиться в тему

зависимость указывать всё же надо, т.к. иначе в замыкании останется первоначальный userId Если компонент перерендерится и получит через пропсы новый userId, хэндлер будет вызывать onPress со старым

Ianis

Вы просите доказать, что я не осел. Предлагаю вам доказать, что я осел.

アレクサンダー・バキマトフ

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

from

зависимость указывать всё же надо, т.к. иначе в замыкании останется первоначальный userId Если компонент перерендерится и получит через пропсы новый userId, хэндлер будет вызывать onPress со старым

про onPress та же история

アレクサンダー・バキマトフ

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

Ianis

простой вопрос, почему в данном кейсе нужно указывать зависимость. Пример в студию

🅅aleriy

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

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

🅅aleriy

кроме того я бы вообще сказал, что useCallback в данном случае не нужен от слова совсем

Ianis

Нет, в зависимости никогда ничего не нужно указывать

アレクサンダー・バキマトフ

мне кажется он просто троллит

🅅aleriy

Нет, в зависимости никогда ничего не нужно указывать

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

Ianis

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

🦜

Нет, в зависимости никогда ничего не нужно указывать

Найс тролишь

Cybernated

Ребят, была у кого такая проблема при запуске eslint? Configuration for rule "padded-blocks" is invalid: Value [{"blocks":"never","classes":"never","switches":"never"},{"allowSingleLineBlocks":true}] should NOT have more than 1 items.

Александр

Нет, в зависимости никогда ничего не нужно указывать

Шутка? Зачем делать такие утверждения голословные, тут же начинающие читают, если это троллинг то не очень уместный.

Тимофей 🛴

Ребят, была у кого такая проблема при запуске eslint? Configuration for rule "padded-blocks" is invalid: Value [{"blocks":"never","classes":"never","switches":"never"},{"allowSingleLineBlocks":true}] should NOT have more than 1 items.

А ты прочитал ошибку?

Cybernated

Он ссылается на style.js в node_modules

Cybernated

Из airbnb-шнего конфига

Ianis

Из airbnb-шнего конфига

Какой версии у вас конфиг от airbnb?

Evgeniy

Всем привет. Подскажите плиз как отключить Manager passwords в хроме для полей? Либо подсказать ему так что бы он заполнял их правильно. Игрался с атрибутом autoComplite не решило проблему.

Ianis

Из airbnb-шнего конфига

Просто в актуальном немного другой конфиг.