Frontender Libs - обзор библиотек JS / CSS

Строгая типизация в Angular Флаг strictTemplates в Angular повышает строгость типизации в шаблонах, усиливая статическую проверку кода и предотвращая распространённые ошибки во время разработки. Этот режим требует, чтобы все выражения в шаблонах были строго соответствующими типам, определённым в TypeScript-компонентах. Пример того, как strictTemplates помогает обнаруживать ошибки типизации в шаблоне:

// В компоненте Angular
export class AppComponent {
  userAge: number;
}

// В шаблоне Angular
<input [value]="userAge.toString()"> // Исправление ошибки компиляции

Здесь, если userAge предполагается использовать как строку в атрибуте value, без strictTemplates TypeScript не выявил бы несоответствие типов до этапа выполнения. С strictTemplates Angular требует, чтобы вы явно преобразовали number в string, что устраняет потенциальные ошибки в рантайме. 👉 @sWebDev

Узнали ваши реакции? 👍 - Да. 🤔 - Нет. 👉 @sWebDev | #юмор

Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура». Уже 27 мая опытные эксперты научат React-разработчиков: 💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности 💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять. 💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел. 💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом. 🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон. Билеты уже ждут вас на сайте

—1 560 000₽ на EXEED. Рассрочка 0% до 31 мая EXEED от 1 990 000₽. Выгода до 35%. Рассрочка 0%. Первый взнос 0 ₽. Ежемесячный платеж от 17 085 ₽/мес. Трейд-ин до 900 000₽. Гарантийная поддержка 7 лет. Спешите! Узнать больше #реклама ks-exeed.ru О рекламодателе

Управление ошибками в React Какой хук в React применяется в компонентах-границах ошибок для локальной реакции? Забыли? Вернитесь к посту от 06.05.2024. 👉 @sWebDev

ScarletsFrame ScarletsFrame — это библиотека JavaScript, предназначенная для упрощения разработки сложных веб-приложений. Она предоставляет инструменты для работы с аудио и видео потоками, позволяя создавать интерактивные мультимедийные приложения. 👉 @sWebDev

Геометрический фон Анимированный геометрический фон на Three.js. 👉 @sWebDev

Дизайнерский модульный диван BOCA TOMMY Создавайте любую модификацию дивана. Двигаются у него не только модули, но и спинки. Его можно менять на основе своего вкуса. Надоела старая конфигурация, передвинул пару модулей и комната заиграла новыми красками. А благодаря съемным чехлам, можно менять цвет и настроение комнаты хоть каждый день. Перейти на сайт #реклама boca.su О рекламодателе

Авторизация в React - базовые сведения Статья рассказывает о том, как создать простое приложение для входа на React с бэкендом на Node.js и Express. В ней описываются ключевые шаги, такие как настройка окружения, создание фронтенда и бэкенда, обработка аутентификации пользователей и управление сессиями. 👉 @sWebDev

3D Custom Personalized QR Codes Интерактивная 3D анимация QR кода на React и GSAP. 👉 @sWebDev

Chance Chance — это легковесная JavaScript-библиотека для генерации случайных данных, которая полезна для тестирования и разработки. Она предоставляет множество методов для создания случайных чисел, строк, адресов, имен, дат и многого другого . 👉 @sWebDev

Получали такое? 👍 - Да. 🤔 - Всегда нормальное ТЗ. 👉 @sWebDev | #юмор

В IT берут без опыта Однако эта сфера – быстрый буст только для тех, кто умеет правильно проходить собеседования. Важно знать: – Крупные компании берут людей по специальным критериям. Есть 10 навыков, без которых классных заказчиков можно не ждать – 5 простых шагов, чтобы обойти конкурентов в нише и устроиться в хорошую компанию даже будучи начинающим разработчиком – Какие проекты и фичи разрабатывать, чтобы произвести приятное впечатление на рекрутеров Об этом, а также о том, как искать лучшие вакансии в IT, сделать портфолио идеальным для работодателя и получить желанный оффер от 100 000 рублей - на онлайн-эфире от FAANG School. Полезные подарки уже доступны: - Подробный гайд «Как найти работу в IT» - Пошаговый Roadmap по Java - Шпаргалка «Hotkey JetBrains IDE» - Шпаргалка по Rest API Переходите и узнайте, как устроиться в Сбер, Тинькофф, Яндекс и Вконтакте.

2048 Игра "2048" на GSAP. 👉 @sWebDev

Управление элементами DOM @ViewChildren и @ContentChildren - это декораторы Angular, используемые для доступа к дочерним компонентам. Ключевое отличие: @ViewChildren предоставляет доступ к дочерним компонентам, которые напрямую определены в шаблоне, и изменения отражаются немедленно. @ContentChildren обеспечивает доступ к дочерним компонентам, которые проецируются из родительского компонента, и изменения не отражаются до завершения проекции. Пример:

@Component({
  selector: 'app-parent',
  template: `<ul *ngFor="let child of children">{{ child.name }}</ul>`
})
export class ParentComponent {
  @ViewChildren('viewChildren') children: QueryList<ChildComponent>;
}

@Component({
  selector: 'child-component',
  template: `<p>{{ name }}</p>`
})
export class ChildComponent {
  name = 'Child';
}

👉 @sWebDev

Коллеги, почему слетел доступ? 👉 @sWebDev | #юмор

Инициализация состояния Что представляет initialState в вызове useActionState? Забыли? Вернитесь к посту от 29.04.2024, в котором мы разбирали работу этого хука. 👉 @sWebDev

GSAP bubbly bath Анимация кошки в ванной на GSAP. 👉 @sWebDev