как-то вот так наверное примерно)

Это очень страшно по-моему

господа. обоснованно ли для глобальной разметки создавать отдельные компоненты container, row, column?

ну, зато декларативно

Давай попроще че придумаю)

Давай попроще че придумаю)

буду признателен, если придумаешь)

ну, зато декларативно

Ну не, вряд ли

const t = []; for (let k = 0; k < 8; k++) !!(73 & 73 << k) ? t.push((k)) : {};

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

только в обратную сторону)

делай декларативно скажи js-у "хачу карочь приложуху" :)

мне просто нужен массив с индексами тех битов, где выставлена 1

вроде работает))

ну только условие конечно упростить надо и пушить только если !!Number(current)

Boolean(Number(current)) будь декларативнее

вроде работает))

Ну короче походу не сделать в любом случае

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

Ну теперь зато без find Если с label и все дела, то надо наверное reference редьюсить const getArrayFromBitValue = (value, reference) => { const mask = value.toString(2).split('').reverse() return reference.reduce((acc, item) => { if (mask[item.value] !== "1") return acc acc.push(item) return acc }, []) }

Ну короче походу не сделать в любом случае

ливни плз

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

чел иди погугли ну че ленивый то такой

ливни плз

Ты кто? Хейтер?

Ты кто? Хейтер?

твоя смерть

господа. обоснованно ли для глобальной разметки создавать отдельные компоненты container, row, column?

anyone? 🙁

господа. обоснованно ли для глобальной разметки создавать отдельные компоненты container, row, column?

Имеет смысл только если есть проработанная дизайн система имхо

нормально ли создавать порталы в App.js?

Имеет смысл только если есть проработанная дизайн система имхо

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

ливни плз

дурачок?

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

Тут ответ как и на первый вопрос сложнее чем да или нет) Не известно же что у вас там за проект. Сами по себе обертки без пропсов, или даже с пропсами, но в которые вы программно не генерите какие то значения - бессмысленны, достаточно просто в css классы разные описать.

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

Но опять же к примеру если css in js уже используется в проекте (например styled components), то наверное обертками такими есть смысл обмазаться

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

спс

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

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

я в одном проекте средней крупности, хотел реализовать небольшую UI библиотеку с базовыми переиспользуемыми компонентами по типу: PageLayout, Button, Container, Section. Я даже сделал для них сторибук. Далее я захотел более сложносочиненненые компоненты тоже выносить за пределы "родителя", в отдельный файл и в папку components/ui. В итоге, из-за того, что на разных страницах компоненты СЛИШКОМ сильно кастомизировались, идея провалилась. Оказалось проще написать "базовые" стили для подобных компонентов и инжектить их в styled инстансы этих компонентов.

у меня вряд ли что-то совсем неповоротливое будет, это простой личный кабинет. “несущих конструкций” не так много, в основном инпуты/чекбоксы и прочие подношения богу формочек. но всё равно озадачился. сделал на флексбоксах, может минимум кастумизации в будущем прикручу.

спс

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

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

react-helmet

react-helmet

Без ssr он не работает?

Без ssr он не работает?

там вроде есть функция renderToStaticMarkup

У меня бек на java вот думаю надо ли прикручивать express или по проще есть решение, хемлет вроде рендерит на сервере, а так просто динамически вставляет

Ребят, почему activeButton отстает от e.target.value, хотя я прямо перед выводом их присвоил?

Потому что ты изменил стейт, а не переменную activeButton

Потому что ты изменил стейт, а не переменную activeButton

activeButton это же и есть стейт

setState асинхронен.

activeButton это же и есть стейт

Нет. Это просто число, которое ты достал из стейта

Нет. Это просто число, которое ты достал из стейта

А как тогда можно изменить чтоб работало вместе?

setState асинхронен.

Знаю, но хоть стейт через пол часа выводи - будет отставать на 1 значение

А как тогда можно изменить чтоб работало вместе?

Использовать e.target.value.

Использовать e.target.value.

+

Использовать e.target.value.

Не понимаю, в каком именно месте? У меня сейчас setActiveButton(e.target.value);

Не понимаю, в каком именно месте? У меня сейчас setActiveButton(e.target.value);

В том, в котором тебе нужно новое значение.

Не понимаю, в каком именно месте? У меня сейчас setActiveButton(e.target.value);

и что тебе не нравится?

И да, зачем ты в onClick пихаешь стрелочную функцию?

и что тебе не нравится?

Вообще я хочу чтобы эти табы переключались. Но пока что ниче не работает

Вообще я хочу чтобы эти табы переключались. Но пока что ниче не работает

У тебя там не строка приходит?

В e.target.value

У тебя там не строка приходит?

Не, я же указал value={1}

Не, я же указал value={1}

А ты проверь

Не, я же указал value={1}

Залей на кодпен, сейчас проверим всё

Минутку

Ребят, у кого то есть репка с проектом React, Redux и что бы хуки юзались? Скиньте пж, хочу посмотреть

И для классов лучше заюзать classnames, а не городить тернарники

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

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

*чем больше компонентов, которым не нужен стор, подключены к стору, тем хуже

Ребят, почему activeButton отстает от e.target.value, хотя я прямо перед выводом их присвоил?

вот, тут вроде как правильно реализовал компонент с табами для модалки.

Всем привет. В компоненте Cheaters есть такой код <Route path='/test' component={Test} /> , мне нужно чтобы когда в действие входит компонента Test, то div`у из компоненты Cheaters присваивался дополнительный класс (напр. acitve), как это можно реализовать? Буду благодарен за помощь.

Всем привет. В компоненте Cheaters есть такой код <Route path='/test' component={Test} /> , мне нужно чтобы когда в действие входит компонента Test, то div`у из компоненты Cheaters присваивался дополнительный класс (напр. acitve), как это можно реализовать? Буду благодарен за помощь.

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

Всем привет. В компоненте Cheaters есть такой код <Route path='/test' component={Test} /> , мне нужно чтобы когда в действие входит компонента Test, то div`у из компоненты Cheaters присваивался дополнительный класс (напр. acitve), как это можно реализовать? Буду благодарен за помощь.

props.location.path

Залей на кодпен, сейчас проверим всё

Господи да как реакт в кодпен то заливать

вот, тут вроде как правильно реализовал компонент с табами для модалки.

Спасибо, щас гляну

Господи да как реакт в кодпен то заливать

Не надо туда его заливать

*чем больше компонентов, которым не нужен стор, подключены к стору, тем хуже

спасиб)

codesandbox есть для такого

props.location.path

Можно поподробнее пожалуйста?

Можно поподробнее пожалуйста?

оберни компонент в witRouter() и бери из пропсов данные о текущем url, если url === "test/" то делай то что тебе надо

Спасибо

Кароче не смог я залить ни в кодпен, ни в сэндбокс :) Щас попробую по тому файлу который выше кидали

Кароче не смог я залить ни в кодпен, ни в сэндбокс :) Щас попробую по тому файлу который выше кидали

Кст, тебе правильно сказали, что console.log не гарантирует вывод текущего стейта