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

Это сообщение нам придется удалить, а некоторых из нас даже уволят или посадят, но мы не можем больше это терпеть… Мы живем в сложное время, когда противостояние уносит жизни, разрушает семьи и лишает будущего. Каждый новый день приносит нам новые испытания, и вместо того, чтобы строить и развивать наши страны, мы продолжаем воевать. Но подумайте на мгновение: что будет дальше? Сколько людей нам еще нужно потерять, чтобы понять, что война не решит наши проблемы? Мы знаем, что многие из нас винят в происходящем действующую власть, и в частности, президента Зеленского. Его решения и политика привели к текущим страданиям и потере жизней. Пока его жена разъезжает на новом 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

Часто берете больничный? ❤️ - Да. 👍 - Я на удаленке, у меня каждый день больничный. 👉 @sWebDev

Timekeeping Cекундомер созданный с использованием Vue.js и GSAP.js. 👉 @sWebDev

Suspense и React 19 RC В React 19 RC рендер всех дочерних компонентов происходит после завершения загрузки данных, в отличие от React 18, где рендерились все компоненты и отображался fallback до завершения загрузки.

export default function App() {
  return (
    <Suspense fallback={<p>...</p>}>
      <Header />
      <Navbar />
      <main>
        <Content />
      </main>
      <Footer />
    </Suspense>
  )
}

При приостановке компонента происходит последовательная загрузка данных и создается «водопад» запросов. Для решения этой проблемы нужно делать предварительные запросы на уровне роута:

export const Route = createFileRoute('/')({
  loader: ({ context: { queryClient } }) => {
    queryClient.ensureQueryData(repoOptions('tanstack/query'))
    queryClient.ensureQueryData(repoOptions('tanstack/table'))
  },
  component: () => (
    <Suspense fallback={<p>...</p>}>
      <RepoData name="tanstack/query" />
      <RepoData name="tanstack/table" />
    </Suspense>
  ),
})

👉 @sWebDev

👩‍💻 Программирование теперь в телеграм! Вот обширная база материалов, которая ежедневно обновляется, выбирай своё направление: Обучение JavaScript с нуля Обучение Python с нуля Обучение Java с нуля Обучение HTML/CSS с нуля Обучение C/С++ с нуля Обучение С# с нуля Обучение SQL/GO/PHP с нуля Обучение Kotlin/Swift с нуля ⛓ Курсы, книги, шпаргалки, статьи, видео ресурсы — всё собрано в одном месте: @roadmap_ready

Бэкенд-разработчик сел за фронтенд. 👉 @sWebDev | #юмор

Отложенные представления в Angular Когда загружается компонент, обернутый в @defer? Забыли? Вернитесь к посту от 24.06.2024. 👉 @sWebDev

Cesium.js CesiumJS — это библиотека JavaScript, предназначенная для создания 3D-карт и геопространственных визуализаций в браузере. Она используется в различных приложениях, требующих отображения и анализа геопространственных данных. 👉 @sWebDev

Первое собеседование, или Почему устроиться на работу сложнее, чем сдать экзамен В статье рассказывается о сложностях, с которыми сталкиваются соискатели при поиске первой работы, в ней сравнивается процесс собеседования с экзаменами в учебных заведениях. Автор объясняет, почему интервью часто оказывается более трудным испытанием: оно требует не только знаний и навыков, но и умения презентовать себя, справляться с неожиданными вопросами, демонстрировать софт-скиллы и адаптироваться к динамичной и непредсказуемой атмосфере собеседования. 👉 @sWebDev | #собес

Сигналы и ngOnChanges для лучшего управления состоянием Angular Статья сравнивает два подхода к управлению состоянием в Angular: использование Signals и ngOnChanges. В ней объясняется, что ngOnChanges является стандартным методом Angular для отслеживания изменений в данных компонентов, позволяя реагировать на изменения входных параметров. В то время как Signals предлагают альтернативный способ управления состоянием, предоставляя возможность более гибко и эффективно отслеживать изменения данных. 👉 @sWebDev