#22 Верстаем GameField, добавляем Button в uikit - ReactJS Полный курс

[@bossares4940]

Фишка с созданием объекта и доставанием сразу значения по нужному ключу огонь, мы на своем проекте на vue до такого не догадались, делали через class="static classes" :class={variants[computed]} а в computed уже вычисляли какой вернуть префикс или набор классов

[@SergeSchekhovtsov]

Согласен. Такого еще не встречал))

[@grigodoes]

Четвертый год работаю фронтом и только сейчас узнал что jsdoc даёт нам автокомплит как у TS. Спасибо!)

[@tomanderson5893]

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

[@sashasavin7146]

Спасибо 🎉

[@hilltrigg3r]

тяу тяу тяу тяу))
вместо className для svg лучше смотриться если задать ширину через clsx, если передаём size="lg" то размер 20, если нет то 12, и так же подсказки сделать, кмк так красивее
import clsx from "clsx";
/**
* @param {{
* size: 'lg',
* }} props
*/
export function Cross({ size }) {
const razmer = clsx(
{
lg: 20,
}[size],
);
return (
width={razmer || 12}
height={razmer || 12}
);
}

[@shinauri1]

Было бы здорово если grid-cols-[repeat(19,30px)] и grid-rows-[repeat(19,30px)] - 19 можно было бы менять динамически. Tailwind не поддерживает такое, как это лего реализовать

[@paromovevg]

Для всех динамических штук просто используй style и css переменные, в 99% случаев этого хватает

[@IvanFrantsuzov]

А как называется этот способ {}[] где почитать?

[@MrStereolight]

Да это ж просто доступ к свойству объекта по ключу

[@IvanFrantsuzov]

ага уже понял, спасибо@@MrStereolight