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

Кэширование запросов в 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 | #юмор

RendrJS RendrJS – это библиотека, которая позволяет запускать ваши приложения на Backbone.js без проблем как на клиентской стороне, так и на сервере. 👉 @sWebDev

C CSS стоит быть аккуратнее. 👉 @sWebDev | #юмор

Smoothie Bowl Transition Prototype Анимированный макет Figma для проекта, связанного с гастрономией. 👉 @sWebDev

Управление ошибками в React В React 19 появились хуки onCaughtError и onUncaughtError для детального контроля над ошибками в жизненном цикле компонентов. onCaughtError применяется в компонентах-границах ошибок для локальной реакции. Пример:

class ErrorBoundary extends React.Component {
  onCaughtError(error, errorInfo) {
    this.setState({ hasError: true });
    logErrorToService(error, errorInfo);
  }

  render() {
    return this.state.hasError ? <h1>Что-то пошло не так.</h1> : this.props.children;
  }
}

onUncaughtError реагирует на ошибки, не пойманные границами ошибок, обеспечивая реакцию на уровне приложения на критические сбои. Пример:

function App() {
  return (
    <React.onUncaughtError>
      {({ error }) => <div><h1>Непредвиденная ошибка:</h1><p>{error.message}</p></div>}
    </React.onUncaughtError>
  );
}

👉 @sWebDev

-25% на анализы в ИНВИТРО по подписке Газпром Бонус. Газпром Бонус — это подписка-конструктор, с которой вы можете управлять своей выгодой. Добавьте в подписку только нужные предложения от партнеров и получайте выгоду каждый день. Оформите Газпром Бонус с предложением Инвитро всего за 2 ₽ в первый месяц по промокоду KINV. Узнать больше Есть противопоказания. Посоветуйтесь с врачом. #реклама invitro.gazprombonus.ru О рекламодателе

JavaScript-разработчик, когда прошло уже больше 10 минут, а новый JS-фреймворк ещё не появился. 👉 @sWebDev | #юмор

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

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

Inferno Inferno — это библиотека JavaScript, которая предоставляет возможность создавать пользовательские интерфейсы в декларативном стиле. Она разработана с учетом высокой производительности, легкости использования и поддержки серверного рендеринга через inferno-server и NodeJS. 👉 @sWebDev