Гайз, на одном сайте хорошем увидел такую конструкцию action.notes*.map((n: NoteModel) => n.id**)*, что за звёздочки?

я не пойму откуда вы взяли 700 рублей в час минималка. Кто столько платит в нищей России? 😋 Вы думайте головой что пишете

Всем привет. Есть тут правила чата?

Гайз, на одном сайте хорошем увидел такую конструкцию action.notes*.map((n: NoteModel) => n.id**)*, что за звёздочки?

Вангую, что это в иде не сработал хоткей комментирования

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

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

@javascript_jobs

isLoading && <Spinner/>

Как менять isLoading?

isLoading = true

А как false задать😂

Коллеги со styled-components кто-нибудь использует готовые контролы?

как сделал в итоге?

Как правильно оборачивать рефами массив элементов?

Как правильно оборачивать рефами массив элементов?

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

Нужна фикс, дизайнер просит

@el_anonimo2 Alex Слышали про KISS? https://codepen.io/kulichgg/pen/LYYamzd?editors=0010

Нужна фикс, дизайнер просит

Обрезается последний элемент

Только надо на js делать.

Нужна фикс, дизайнер просит

useEffect(() => { const getHeight = () => { const liElements = Array.from( document.querySelectorAll(#${name}-menu li), ) if (liElements.length > 0) { const allItemsHeight = liElements .map(li => li.offsetHeight) .reduce((a, b) => a + b, 0) setMenuHeight(allItemsHeight) } } getHeight() }, [items, name, focused]) Я вот так делал, но мне показалось, что это не очень решение

Обрезается последний элемент

привет в tsx шаблонах можно писать типа этого $"{ConstantsEnums.AppConstantsEnum.host}/config.js" в строку подставлять значения переменных ?

*"{var}" так что ли?

<button onClick={() => foo(arg)}>primary</button> на сколько вот так писать менее производительно? и вообще так ли это? ну создалась ф-я, что в этом плохого?

Так как ты каждый раз создаёшь функцию, то происходит переподписка на каждом рендере.

ну а выносить вот это выше риди того, что бы не пересоздавать ф-ю выгодно?

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

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

Как правильней в данной ситуации

Правильно - не пересоздавать функцию на каждый рендер.

как это сделать? у меня к примеру 5 таких вызовов разных ф-й, делать 5 ф-й в компоненте через useCalback?

Я так делаю.

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

У тебя же foo от arg зависит. Называй от арга.

Сделай промежуточную функцию useVariant и код будет проще.

тоесть? сделать хук, вернуть из которого ф-и?

Хотя я фигню посоветовал. Не обращай внимания.

вариант выше нормально использовать?

вариант выше нормально использовать?

а зачем обертывать в React.useCallback?

а зачем обертывать в React.useCallback?

В данном случае можно и не оборачивать

В данном случае можно и не оборачивать

Почему?

А что это даст? Я понимаю если бы каллбеки эти куда-то пробрасывались глубоко или в какой-то жирный компонент, перерендер которого хотели бы лишний раз избежать, а тут же button

А что это даст? Я понимаю если бы каллбеки эти куда-то пробрасывались глубоко или в какой-то жирный компонент, перерендер которого хотели бы лишний раз избежать, а тут же button

А что это даст? Я понимаю если бы каллбеки эти куда-то пробрасывались глубоко или в какой-то жирный компонент, перерендер которого хотели бы лишний раз избежать, а тут же button