Hero with cursor tracking (GSAP)

Анимация трекинга курсора на Gsap.

👉 @sWebDev

FullStackOverflow developer.

👉 @sWebDev | #юмор

AnalogJS

AnalogJS - это полнофункциональный мета-фреймворк, созданный для разработки приложений и веб-сайтов с помощью Angular.

👉 @sWebDev

Scroll-based image sequence with GSAP and ScrollTrigger (Helper Function)

Анимация пролистывания с динамическим с эффектом освещения на GSAP.

👉 @sWebDev

Нестабильные тесты в React: обнаружение, предотвращение и инструменты

Статья рассматривает проблему нестабильных тестов в React. Они могут привести к ложным срабатываниям системы непрерывной интеграции (CI), замедлить разработку и затруднить выявление реальных ошибок.

👉 @sWebDev

Infinite Portals

Объёмная сцена с бесконечным переходом через портал на Three.js и GSAP.

👉 @sWebDev

Inferno

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

👉 @sWebDev

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

Какой хук срабатывает синхронно перед layout, но может привести к повторным вычислениям layout, если стили вставляются во время рендеринга?

Если забыли, то это было в посте 15.04.2024.

👉 @sWebDev

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