🔴 Легенда обновилась: jQuery 4.0

Первый мажорный апдейт почти за 10 лет и аккурат к 20-летию проекта.

Коротко по фактам:

— Убрана поддержка IE 10 и ниже, старых Edge, Android Browser
— Добавлены Trusted Types и улучшена работа с CSP
— Исходники переведены на ES modules, сборка через Rollup
— Вырезаны deprecated API (isArray, trim, parseJSON и др.)
— Размер стал меньше (–3 KB gzipped)
— События focus/blur теперь строго по W3C
— Slim-версия ещё легче: без Deferred и Callbacks

🔗 Ссылка на релиз

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#release_digest

📎 Как выбрать между useEffect и useLayoutEffect

🔢 useEffect — после отрисовки (не блокирует UI)

Типичный кейс: побочный эффект не влияет на layout.

import { useEffect, useState } from "react";

export function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Кликов: ${count}`;
  }, [count]);

  return (
    <button onClick={() => setCount(c => c + 1)}>
      Клик: {count}
    </button>
  );
}

Почему useEffect:

• отрисовка не зависит от эффекта
• возможна задержка без визуальных артефактов

🔢 useLayoutEffect — до отрисовки (блокирует paint)

Типичный кейс: нужно измерить DOM до того, как пользователь увидит экран.

import { useLayoutEffect, useRef, useState } from "react";

export function Box() {
  const ref = useRef(null);
  const [width, setWidth] = useState(0);

  useLayoutEffect(() => {
    setWidth(ref.current.getBoundingClientRect().width);
  }, []);

  return (
    <>
      <div
        ref={ref}
        style={{ width: 120, height: 40, background: "red" }}
      />
      <p>Ширина: {width}px</p>
    </>
  );
}

Почему useLayoutEffect:

• getBoundingClientRect должен выполниться до paint
• иначе возможен визуальный “прыжок” интерфейса

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#readme #react

👍 CNN на чистом JavaScript

Свёрточная нейросеть, полностью написанная на JavaScript, работает прямо в браузере. Без TensorFlow и сторонних зависимостей.

Рисуете цифру мышкой — сеть сразу её распознаёт. Все вычисления локальные, данные никуда не уходят. Проект учебный: автор сделал его для практики, а не для продакшена.

Отличный способ разобраться, как реально работают свёртки, pooling и backpropagation, когда всё реализовано вручную. Код в одном файле, читается последовательно.

Есть GitHub и демка 🔗

📍 Навигация: [Вакансии]

🐸 Библиотека фронтендера

#stack

🔍 Frontend Developer (React / TypeScript)
Office only (Limassol, Cyprus)

Product iGaming-компания ищет Senior frontend-инженера/Тех лида (React / TypeScript).

🔴 О проекте:
• Продукт с живыми интерфейсами
• Сложные формы и пользовательские сценарии
• Интенсивная работа с состоянием
• Высокая ответственность фронта за UX и стабильность

🔴 Чем ты будешь заниматься:
• Разрабатывать и поддерживать пользовательский интерфейс на React + TypeScript
• Работать в связке с UX/UI-дизайнерами, превращая дизайн в функциональный UI
• Проектировать и интегрировать фронтенд с backend API
• Реализовывать сложные формы с валидацией и динамическими полями
• Оптимизировать производительность и стабильность приложения
• Поддерживать и улучшать существующий код, соблюдая единые стандарты кодирования

🔴 Что нам важно:
• 4+ лет коммерческого опыта с React
• Уверенная работа с экосистемой React (хуки, роутинг, состояние)
• Опыт интеграции с REST API
• Понимание принципов работы frontend 🔄 backend
• Опыт работы с инструментами сборки и контроля версий (Git)
• Умение принимать технические решения и понимать их последствия

🔴 Будет плюсом:
• Опыт работы с Redux или другими state-менеджерами
• Понимание производительности frontend-приложений
• Опыт в product-командах

🔴 Мы предлагаем:
• Конкурентную зарплату
• Оплачиваемые отпуска и больничные + sick days
• Активную корпоративную жизнь
• Понятные процессы и адекватную инженерную среду

🔤 Контакт для связи @SvetlanaDedina