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

Сыграем? 3 кадра — 3 месяца фильмов и сериалов за 0 ₽! Проверьте себя и откройте возможность провести 90 вечеров с любимыми фильмами и сериалами всего за 0 ₽! Бонусы после прохождения теста: — Кинопоиск и Яндекс Музыка на 3 месяца за 0 ₽. — Доступ к вашей подписке для трёх близких людей. Предложение ограничено до 31.05.2024. Играть #реклама 18+ kinopoisk.ru О рекламодателе

Blob Интерактивная анимация формы фигуры на Three.js. 👉 @sWebDev

Ну все! Теперь не нужно тратить деньги на топовые курсы и книги по программированию — их выложили в Telegram бесплатно Все найденные курсы собирают тут — @portalToIT По этим курсам выучить любой язык за 7 дней вообще не проблема, находка для начинающих программистов.

Как оптимизировать размер Angular Bundle Статья описывает методы оптимизации размера сборки в Angular. Автор обсуждает важность минимизации размера сборки для улучшения скорости загрузки и SEO, предлагает инструменты для анализа размера и приводит примеры оптимизации, включая ленивую загрузку и исключение ненужных зависимостей. Основное внимание уделено практическим советам по использованию инструментов анализа и управлению зависимостями для сокращения лишнего кода в сборке. 👉 @sWebDev

Letterfall Объёмная анимация дождя из букв на Three.js. 👉 @sWebDev

Ответ на вопрос и Музыка ваша 90 дней бесплатно Яндекс Музыка 90 дней бесплатно (вместо 299 ₽ в месяц) для вас и 3-х ваших близких. Попробуйте сейчас! Попробовать #реклама 16+ music.yandex.ru О рекламодателе

KeyUX KeyUX — это библиотека JavaScript, разработанная для улучшения пользовательского интерфейса клавиатуры веб-приложений. Она предназначена не только для доступности, но и для создания профессиональных инструментов, где предпочтительнее использование клавиатуры. Особенности KeyUX включают добавление горячих клавиш, отображение активного состояния кнопок при нажатии горячей клавиши, навигацию с помощью клавиш стрелок в списках с role="menu" и другие функции для удобного управления фокусом. Библиотека не имеет зависимостей и занимает 2 КБ после минификации и сжатия Brotli. KeyUX совместима с любым фреймворком, включая React, Vue и Svelte. 👉 @sWebDev

Было? ❤️ - Не давите на больное. 🤔 - Я люблю созвоны. 👉 @sWebDev | #юмор

Parallax Depth Cards Интерактивные карточки на Vue.js. 👉 @sWebDev

Frontend meetup 1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов. 2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках. 3. Serverless - уже можно? — Андрей Лаврентьев, NDA Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге. Модератор Григорий Петров, Devrel, Evrone Эксперт Глеб Михеев, Руководитель ПК, FrontendConf ➖➖➖ 🗓 22 мая, начало в 19:00 мск, Среда 🌐 ОНЛАЙН ✅ Регистрация на мероприятие

Кэширование запросов в React React.cache() — функция в React 19, предназначенная для кэширования результатов запросов к серверу. Это позволяет уменьшить количество дублирующихся запросов. Пример:

import React, { useState, useEffect } from 'react';
import ReactCache from 'react-cache';

const User = () => {
  const [user, setUser] = useState(null);

  useEffect(() => {
    const fetchUser = async () => {
      const response = await fetch('/api/user');
      const userData = await response.json();
      setUser(userData);
    };

    const cachedFetchUser = ReactCache.cache(fetchUser, 60 * 1000); // Кэшировать на 1 минуту
    cachedFetchUser();
  }, []);

  if (!user) {
    return <div>Загрузка пользователя...</div>;
  }

  return (
    <div>
      <h2>{user.name}</h2>
      <p>{user.email}</p>
    </div>
  );
};

👉 @sWebDev

Как стать востребованным DevOps-специалистом всего за полгода и увеличить свой доход минимум в 3 раза? Самое перспективное направление в IT сейчас – DevOps. И пока одни его боятся и обходят стороной, другие снимают все сливки. Реальный пример – автор канала «Devops за полгода» Марсель Ибраев, Senior system engineer в Core42 Cloud и спикер учебного центра Слёрм. Совместно с ребятами из Честного Знака, Лаборатории Касперского, VK и Jetty Cloud, они запускают новый крутой проект для всех начинающих DevOps-специалистов. В канале собраны все фишки о том, как: – Начать свой путь в DevOps – Освоить базовые компетенции DevOps-специалиста – Стать Junior DevOps и повысить свою стоимость на рынке труда в 3 раза Переходи и забирай бесплатную карту по базовым и основным компетенциям для всех, кто собирается в DevOps 👉 @devopsupgrade Реклама. ИП Аердинов Никита Вадимович ИНН 638103515932 erid: LjN8K7zVy

Идущий к JS. 👉 @sWebDev | #юмор

Как повысить эффективность вебинаров? Организация продающего вебинара - не простая задача, ведь необходимо предусмотреть множество деталей: удобную дату, вовлекающий контент, методы продвижения и взаимодействия с участниками. Вебинары от МТС Линк помогают привлекать новых клиентов и увеличивать конверсию из участника в лид. В сервисе доступен анализ поведения пользователей во время вебинара, синхронный перевод, автовебинары и интерактивные инструменты для вовлечения участников. Делимся методичкой с кейсами, чек-листами и инструкциями для маркетологов, PR и event-менеджеров, чтобы сделать вебинары эффективным инструментом для лидогенерации. Получите методичку бесплатно на сайте. Скачать #реклама 16+ mts-link.ru О рекламодателе

Директива для отображения элементов в Angular Какую директиву Angular используют для отображения разных элементов в зависимости от значения переменной? Если забыли, то вернитесь к посту от 22.04.2024. 👉 @sWebDev

Metron Metron - это легкая библиотека JavaScript, написанная на TypeScript. Она предназначена для упрощения и ускорения разработки веб-приложений. 👉 @sWebDev

Удаленщиков продолжают пугать смертью Работающие из дома люди часто сильно отстранены от общественности, они чаще болеют и быстрее умирают. Согласно данным исследования на 280.000 участников, социальная изоляцией напрямую ускоряет биологическое старение. Интересно, из наших читателей больше тех, кто работает дома или тех, кто ходит в офис? 👍 - Работаю удаленно. 🔥 - Офис / гибрид. 👉 @sWebDev | #собес

Как создавать собственные пользовательские React Hooks В статье рассказывается о том, как создавать собственные React-хуки для повторного использования логики в React-приложениях. 👉 @sWebDev

👍 - Разбираюсь в айти и географии. 🤔 - Только в айти. 👉 @sWebDev | #юмор