Телеграм канал «WebDev+ | Веб-разработка»

Это вообще спокойно делается на CSS - используй маску по бордеру, слои + overflow: hidden или другие трюки. - градиент анимировать не надо, просто крути слой с градиентом 1:1 🤙 @WebDev_Plus

Новая версия Ant Design! Один из самых крутых UI-компонентных наборов: ✓ Архитектура на CSS Variables ✓ Минус поддержка Internet Explorer ✓ Оптимизация под React Compiler ✓ Новый компонент Masonry → github.com/ant-design/ant-design @WebDev_Plus

"Ад из React Context" на самом деле не такой уж страшный, и в нём нет ничего плохого. Если глубокая вложенность раздражает, просто поставь размер табуляции в 0, если можешь. @WebDev_Plus

border-radius развивается в CSS! Благодаря новому свойству corner-shape. @WebDev_Plus

Простой тип/модуль Redacted для предотвращения логирования/вывода чувствительных значений в логах и телеметрии в TypeScript. Вдохновлен Effect. @WebDev_Plus

JavaScript: когда использовать геттеры, а когда методы class UserProfile { constructor(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; this.loginCount = 0; } // GETTER: используй для простых вычисляемых свойств без аргументов. // Читается как существительное: "Какое полное имя?" get fullName() { return ${this.firstName} ${this.lastName}; } // METHOD: используй для тяжелых вычислений, действий // или когда нужны аргументы. // Читается как глагол: "Дай форматированное имя." getFormattedName(includeTitle = false) { const name = ${this.firstName} ${this.lastName}; return includeTitle ? Mx. ${name} : name; } } // Пример использования const user = new UserProfile("Alex", "Rivera"); // Getter: лаконичный синтаксис (без скобок) — удобно для доступа к данным // Не принимает аргументы console.log(user.fullName); // "Alex Rivera" // Метод: синтаксис явный (со скобками) — позволяет передавать аргументы console.log(user.getFormattedName(true)); // "Mx. Alex Rivera" @WebDev_Plus

Генератор паролей в хакерской тематике на HTML, CSS и JavaScript @WebDev_Plus