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

Infinite Portals Объёмная сцена с бесконечным переходом через портал на Three.js и GSAP. 👉 @sWebDev

Нестабильные тесты в React: обнаружение, предотвращение и инструменты Статья рассматривает проблему нестабильных тестов в React. Они могут привести к ложным срабатываниям системы непрерывной интеграции (CI), замедлить разработку и затруднить выявление реальных ошибок. 👉 @sWebDev

Scroll-based image sequence with GSAP and ScrollTrigger (Helper Function) Анимация пролистывания с динамическим с эффектом освещения на GSAP. 👉 @sWebDev

AnalogJS AnalogJS - это полнофункциональный мета-фреймворк, созданный для разработки приложений и веб-сайтов с помощью Angular. 👉 @sWebDev

FullStackOverflow developer. 👉 @sWebDev | #юмор

Hero with cursor tracking (GSAP) Анимация трекинга курсора на Gsap. 👉 @sWebDev

Как войти в топ по показателям категории в Яндекс Картах Крупная сеть барбершопов хотела привлечь новых клиентов и увеличить количество записей в салоны. Для решения этой задачи было принято решение использовать Брендированное приоритетное размещение с POI (point of interest — дополнение метки логотипом) в Яндекс Картах. По результатам были значительно перевыполнены плановые показатели: ✅ Построенные маршруты превысили целевое значение на 215%. ✅ Более 200 тысяч звонков и маршрутов за четыре месяца. Узнайте больше о настройке рекламы по ссылке: Узнать больше #реклама yandex.ru О рекламодателе

Управление состоянием действий UseActionState - это хук в React, предназначенный для упрощения управления состоянием действий в React-компонентах, который был введен для улучшения существующего хука useFormState. Использование:

const [state, action] = useActionState({
  initialState: {
    // Начальное состояние
  },
  actions: {
    // Определите действия
    increment: () => {
      // Логика действия
    },
    decrement: () => {
      // Логика действия
    },
  },
});

Пример:

const Counter = () => {
  const [count, actions] = useActionState({
    initialState: { count: 0 },
    actions: {
      increment: () => ({ count: count + 1 }),
      decrement: () => ({ count: count - 1 }),
    },
  });

  return (
    <div>
      <p>Счетчик: {count}</p>
      <button onClick={actions.increment}>Увеличить</button>
      <button onClick={actions.decrement}>Уменьшить</button>
    </div>
  );
};

👉 @sWebDev

Расставляй приоритеты правильно. 👉 @sWebDev | #юмор

Сравнение значений входных данных в ɵNgOnChangesFeature Как ɵNgOnChangesFeature определяет, что значение входных данных изменилось? 👉 @sWebDev

Выходные заканчиваются, вы такие «Мааало, давайте ещё» ...И снова утро субботы! Календарь так не работает. А вот сервис Яндекс Путешествия попросили продлить акцию «Туристический кешбэк» — и они продлили. Бронируйте отель до 27 апреля, отдыхайте хоть на майские, хоть под Новый год — и вам вернётся до 20% баллами Плюса. Максимум — 3000 баллов. Выбрать #реклама travel.yandex.ru О рекламодателе

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

💎 Тест по Solidity для работы с DeFi (децентрализованными финансами) 💎 Ответьте на 15 вопросов и проверьте, насколько вы умеете решать задачи по разработке на Solidity/Rust и на сколько готовы к обучению на курсе — «Разработка децентрализованных приложений». За 5 месяцев курса вы: - Изучите архитектуру децентрализованных приложений - Разовьёте навыки написания кода на Solidity - Освоите Rust для блокчейна Время прохождения теста ограниченно 25 минут 👉 ПРОЙТИ ТЕСТ — https://vk.cc/cwqBP0 💣 Пройдете тест, получите спец. цену на курс, и курс по Git в подарок. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid 2SDnjcr91uB

Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display Статья о ключевых словах, влияющих на внешний и внутренний типы отображения, а также о том как управлять отображением элементов с помощью ключевых слов и значений contents и none. 👉 @sWebDev | #собес

Ленивые бесконечные списки на основе Deferrable Views Статья о реализации списков на основе Deferrable Views, недавно появившихся в Angular 17. 👉 @sWebDev

Bouncy Balloon Интерактивная анимация шаров на Three.js. 👉 @sWebDev

Обучаем Java-разработчиков оплата после выхода на работу В Kata Academy можно выучиться на Java-разработчика бесплатно, а заплатить уже после трудоустройства по специальности из фактической зарплаты. Если задуматься, то все в выигрыше: — ты получаешь работу в Москве или Санкт-Петербурге с хорошей зарплатой, мы получаем процент за инвестиции в тебя; — в наших интересах научить тебя так, чтобы твоя зарплата была как можно выше; — мы прокачиваем твои навыки еще 2 года после курса: проводим выездные мероприятия и мастер-классы — и доходы наших выпускников растут; — мы не зависим от банков и их рассрочек — кризис не повлиял на доступность курсов. Чтобы попасть на курс, нужно выполнить небольшое тестовое задание. Переходи по ссылке и оставляй заявку! Узнать больше #реклама 18+ kata.academy О рекламодателе

Firebolt Firebolt — это новый фреймворк для React, который обещает повысить продуктивность разработчиков. В сочетании со встроенным в Firebolts CSS-in-JS и интуитивно понятным роутингом это позволяет вам создавать все, что угодно, от посадочной страницы до полноценного SaaS, просто создавая и компонуя компоненты React. 👉 @sWebDev

Вечная классика. 👉 @sWebDev | #юмор