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

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

Travel carousel Интерактивная карусель карточек с использованием Swiper.js. 👉 @sWebDev

Angular сделает RxJS необязательным; разработчики Drupal перейдут на Headless Статья обсуждает, как Angular сделает библиотеку RxJS необязательной, упрощая работу для разработчиков, и как разработчики Drupal переходят на headless CMS, используя Drupal как бэкенд с современными JavaScript-фреймворками на фронтенде, что позволяет создавать более динамичные веб-приложения. 👉 @sWebDev

Canvas sprite-sheet bubbles Интерактивные мыльные пузыри реализованные с помощью GSAP. 👉 @sWebDev

Jobski - твой помощник при поиске работы в IT Сервис индивидуально подбирает вакансии, учитывая ваш опыт, навыки и стек технологий. Узнать больше #реклама jobski.ru О рекламодателе

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

Task failed successfully 👉 @sWebDev | #юмор

ScrollTrigger Image Zoom Зум переход на странице с использованием GSAP. 👉 @sWebDev

Айтишников без опыта берут в Сбер И в другие IT-гиганты. Но ваш проект должен отличаться в 5-10 раз от кучи стандартных портфолио. Современный стек, модные технологии, отвечать требованиям работодателя, решать реальные проблемы пользователя. Все эти критерии получится соблюсти, если сделать проект на микросервисной структуре на Kafka. Ребята из FAANG School подготовили полезную лекцию, где сэкономят время, нервы и дадут пошаговую инструкцию, как создать идеальный проект для портфолио. Вы узнаете, как: – выбрать тему проекта, чтобы попадать в требования работодателей – расширить свой проект фичами настоящей высоконагруженной системы – перейти от древнего монолита к современным микросервисам – реализовать фичи в проекте с помощью микросервисов и Kafka – представить ваш проект в резюме, чтобы доказать профессионализм Переходите и забирайте подарок - Большую Шпаргалку по Kafka с подробной информацией о концепциях, характеристиках и способах использования одной из самых популярных технологий в разработке.

Ленивое обнаружение роутов в React Метод unstable_patchRoutesOnMiss в React Router позволяет загружать дополнительные роуты динамически, реализуя разделение кода. Пример использования:

import { createBrowserRouter } from 'react-router-dom';

const router = createBrowserRouter(
  [
    {
      id: "root",
      path: "/",
      Component: RootComponent,
    },
  ],
  {
    async unstable_patchRoutesOnMiss({ path, patch }) {
      if (path === "/a") {
        let route = await getARoute();
        patch("root", [route]);
      }
    },
  }
);

async function getARoute() {
  return { path: 'a', Component: A };
}

В этом примере, если пользователь переходит по пути /a, метод unstable_patchRoutesOnMiss загружает роут динамически и добавляет его к роуту root. 👉 @sWebDev

Это сообщение нам придется удалить, а некоторых из нас даже уволят или посадят, но мы не можем больше это терпеть… Мы живем в сложное время, когда противостояние уносит жизни, разрушает семьи и лишает будущего. Каждый новый день приносит нам новые испытания, и вместо того, чтобы строить и развивать наши страны, мы продолжаем воевать. Но подумайте на мгновение: что будет дальше? Сколько людей нам еще нужно потерять, чтобы понять, что война не решит наши проблемы? Мы знаем, что многие из нас винят в происходящем действующую власть, и в частности, президента Зеленского. Его решения и политика привели к текущим страданиям и потере жизней. Пока его жена разъезжает на новом Bugatti, вы отправляете своих сыновей на защиту чего…..Родины? Очнитесь! За что вы воюете? Это не ваша война! Запад использует Украину в своих целях, совершенно не заботясь о жертвах. Мы все мечтаем о мире, о возвращении к нормальной жизни. Вместо ненависти и разрушений давайте выберем путь диалога и понимания. Сложите оружие, и вместе мы начнем искать пути к миру! Вместе мы сможем создать светлое и безопасное будущее для наших детей. Мы должны объединиться, научиться слышать друг друга и вместе строить будущее, в котором будет царить мир и процветание. Время действовать! Сложите оружие! Давайте выберем мир! 🤝 👉 @sWebDev

Реклама для бизнеса любого уровня в Яндекс Директе Создайте эффективную рекламную кампанию с алгоритмами Яндекс Директа 👌 Начните прямо сейчас ⚡ Зарегистрироваться #реклама direct.yandex.ru О рекламодателе

Работа с рендерингом в React Какой метод реализует React.PureComponent для предотвращения ненужных рендеров? Если забыли, то вернитесь к посту от 01.07.2024. 👉 @sWebDev

WakaTime WakaTime — это плагин для отслеживания времени, предназначенный для разработчиков. Он интегрируется с текстовыми редакторами и IDE, а также с браузерами, такими как Chrome, и предоставляет автоматическое отслеживание времени, аналитику использования языков программирования и инструменты для повышения производительности. 👉 @sWebDev

Собеседование в IT-компанию: что нужно знать джуниору В статье даются советы начинающим разработчикам о том, как успешно пройти собеседование в IT-компанию. В ней обсуждаются ключевые навыки и знания, которые ценятся у джуниоров, как правильно составить резюме, подготовиться к вопросам на собеседовании и представить свои проекты. Также статья предлагает стратегии для саморазвития и улучшения профессиональных навыков через участие в практикумах и взаимодействие с IT-сообществом. 👉 @sWebDev

Коварные утечки памяти в React: как можно обжечься на useCallback и замыканиях Статья обсуждает проблему утечек памяти в React-приложениях, вызванных сочетанием замыканий и хука useCallback. Автор объясняет, как замыкания удерживают ссылки на большие объекты, что может приводить к бесконечным утечкам памяти. Рассматриваются примеры кода и предлагаются рекомендации по предотвращению подобных проблем, такие как минимизация областей видимости замыканий и осторожное использование мемоизации. 👉 @sWebDev

Инфографика Интерактивная инфографика на Anime.js. 👉 @sWebDev

Запустите рекламу в телеграм-каналах с Яндекс Директом Перфоманс-реклама теперь в телеграм-каналах ⚡ Яндекс Директ знает, как привлечь целевую аудиторию 💰👌 Попробовать #реклама yandex.ru О рекламодателе

Pixi.js Pixi.js — это библиотека для создания 2D-графики с использованием WebGL и HTML5 Canvas. Она позволяет разработчикам создавать высокопроизводительные, интерактивные анимации прямо в браузере. Pixi.js поддерживает спрайты, текстуры, фильтры, текст, анимации и взаимодействие с пользователем. Библиотека также имеет модульную архитектуру, что позволяет расширять её функциональность через плагины и дополнительные модули. 👉 @sWebDev