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

Knockout.js Knockout.js — это JavaScript библиотека, которая помогает строить динамичные, интерактивные веб-приложения, используя паттерн Model-View-ViewModel (MVVM). Она позволяет связывать HTML элементы с данными модели через декларативные привязки. Особенностью Knockout является автоматическое обновление пользовательского интерфейса при изменении данных модели, что делает разработку интерфейса более интуитивно понятной и менее подверженной ошибкам. 👉 @sWebDev

On-Scroll Fire Transition Переход с анимацией тлеющего листа на GSAP. 👉 @sWebDev

Ускоренный запуск системы “Аутентификации + база данных” (React.js и Firebase) В статье рассказывается о настройке приложения React.js с Firebase для аутентификации и базы данных NoSQL Firestore. В ней обсуждаются преимущества использования этого подхода для разработчиков полного цикла. В статье описаны шаги по настройке проекта, включая создание компонентов React, инициализацию Firebase и настройку файла .env. В ней также подробно описано, как использовать консоль Firebase для настройки аутентификации и базы данных. 👉 @sWebDev

Veggie Knight Пример реализации игры "Fruit Ninja" на GSAP. 👉 @sWebDev

Blockdom.js Blockdom - это экспериментальная библиотека JavaScript, предназначенная для оптимизации работы с виртуальным DOM. Она предлагает уникальный подход к рендерингу виртуального DOM. В отличие от традиционных библиотек виртуального DOM, которые представляют элементы по отдельности, Blockdom использует блоки. Они представляют собой элементы с его статическим содержимым и специальными тегами для динамических частей. Этот подход позволяет использовать cloneNode(true) для блоков, что значительно ускоряет процесс сравнения (diffing) из-за меньшего размера дерева виртуального DOM. 👉 @sWebDev

Пользуемся инструментами тестирования? 👍 - Пользуемся. 🤔 - Надо еще и тестировать было? 👉 @sWebDev | #юмор

Frontend Developer — это первоисточник всего, что происходит во Frontend-сообществе Здесь опытный Senior-разработчик ежедневно публикует материалы, которые накопил за 9 лет Frontend-разработки: ➤ Шаблоны с готовым кодом для твоих проектов ➤ Вопросы с собеседований, задачи и викторины ➤ Шпаргалки по JavaScript, HTML и CSS P.S. Даже онлайн-школы берут материалы с этого канала🤫

R4S – коммерческая недвижимость в Москве от собственника Арендный бизнес. Продажа и аренда коммерческой недвижимости без комиссии! Перейти на сайт #реклама realty4sale.ru О рекламодателе

Responsive GSAP Slider with Button Wave Effect Анимированный слайдер на GSAP. 👉 @sWebDev

Проджекту вкатиться в айти не легче, чем разработчику. Нужно понимать процесс и детали, защищать решения перед клиентом и находить общий язык с командой.  Марина Заботина, аккаунт-директор Далее, провела большой опрос о том, какой именно уровень технических знаний должен быть у ПМа. Результатами опроса и собственным опытом 一 а Марина прошла все эти дебри 一 она поделилась в новой статье. Читайте статью на Хабре или на vc.ru и делитесь в комментах, как обстоят дела с техническим бэкграундом у вас 🤝

Строгая типизация в 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