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

👉 @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

Smoothie Bowl Transition Prototype

Анимированный макет Figma для проекта, связанного с гастрономией.

👉 @sWebDev

C CSS стоит быть аккуратнее.

👉 @sWebDev | #юмор

RendrJS

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

👉 @sWebDev

👍 - Разбираюсь в айти и географии.

🤔 - Только в айти.

👉 @sWebDev | #юмор

Как создавать собственные пользовательские React Hooks

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

👉 @sWebDev

Удаленщиков продолжают пугать смертью

Работающие из дома люди часто сильно отстранены от общественности, они чаще болеют и быстрее умирают. Согласно данным исследования на 280.000 участников, социальная изоляцией напрямую ускоряет биологическое старение.

Интересно, из наших читателей больше тех, кто работает дома или тех, кто ходит в офис?

👍 - Работаю удаленно.

🔥 - Офис / гибрид.

👉 @sWebDev | #собес

Metron

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

👉 @sWebDev

Директива для отображения элементов в Angular

Какую директиву Angular используют для отображения разных элементов в зависимости от значения переменной?

Если забыли, то вернитесь к посту от 22.04.2024.

👉 @sWebDev

Идущий к JS.

👉 @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

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

Frontend meetup

1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO
Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов.

2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал
Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках.

3. Serverless - уже можно? — Андрей Лаврентьев, NDA
Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге.

Модератор Григорий Петров, Devrel, Evrone
Эксперт Глеб Михеев, Руководитель ПК, FrontendConf

➖➖➖

🗓 22 мая, начало в 19:00 мск, Среда

🌐 ОНЛАЙН

✅ Регистрация на мероприятие

Реклама, ООО "Эвроне.ру", ИНН 3663057399

Parallax Depth Cards

Интерактивные карточки на Vue.js.

👉 @sWebDev

Было?

❤️ - Не давите на больное.

🤔 - Я люблю созвоны.

👉 @sWebDev | #юмор

KeyUX

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

👉 @sWebDev

Letterfall

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

👉 @sWebDev