#react_19 — Public Fediverse posts

[Перевод] Больше свободы агентам — жёстче проверки: линтинг React 19 на ESLint 10

Чем больше автономии я даю ИИ-агентам, тем больше требований к коду превращаю в механические проверки. Когда eslint-plugin-react сломался на ESLint 10, я собрал продолжение для React 19: сократил 102 активных правила до 11 и исправил ошибки, которые проявились только в реальных проектах.

https://habr.com/ru/articles/1073392/

#ESLint_10 #React_19 #eslintpluginreact #Biome #линтинг #статический_анализ #ИИагенты #guardrails #precommit #open_source

Нужен ли здесь `useEffect`? 12 сценариев из React-код-ревью — от производного состояния до React 19.2

На code review я регулярно встречаю один и тот же вопрос, только записанный разным кодом: «Как правильно синхронизировать эти значения через useEffect ?» Со временем я понял, что чаще полезнее спросить иначе: а эффект здесь вообще нужен? В статье разбираю 12 типичных сценариев из React-код-ревью: производное состояние, события, цепочки эффектов, внешний store, useEffectEvent , загрузку данных и современные подходы React 19.2. Для каждого случая — пример «плохо → хорошо» и практический фильтр, который помогает выбрать между рендером, обработчиком события, Action, useEffect или query-библиотекой.

https://habr.com/ru/articles/1055486/

#React #useEffect #React_Hooks #React_19 #TypeScript #frontend #code_review #useEffectEvent #useSyncExternalStore #TanStack_Query

О дивный новый анимированный мир — ViewTransition в React

Всем привет. Я Артем Курочкин, frontend разработчик компании DD Planet. Сегодня я расскажу об одном из ключевых нововведений в React, представленных на React Conf 2025. Прошу любить и жаловать ViewTransition - нативная поддержка view transition api в экосистеме реакта. Что это значит для React-разработчиков и как нам всем это поможет, мы и разберем в этой статье.

https://habr.com/ru/articles/969464/

#react #reactjs #react_19 #react_conf_2025 #view_transitions_api #view_transitions #javascript #html #css #animation

Рецензия на книгу “React 19. Разработка веб-приложений на JavaScript”

Книга «React 19. Разработка веб‑приложений на JavaScript» — тот нечастый случай, когда пособие по самым последним средствам разработки выходит на русском языке параллельно с англоязычными изданиями. Обычно российские издательства берут в перевод лицензионную книгу и только через год она выходит на русском языке. Но не в этом случае. Книга Владимира Дронова — это новейшее руководство по React 19, начиная с базовых концепций и заканчивая продвинутыми инструментами, такими как Redux, Formik и анимации. Отдельное внимание уделено практическому применению библиотеки, включая разработку полноценного веб-приложения с использованием Firebase.

https://habr.com/ru/companies/ssp-soft/articles/874946/

#reactjs #react_19 #разработка_на_react #книги_по_программированию #javascript #javascript_framework

Поясняю за React Сompiler

В 2024 году команда React готовит множество нововведений, приуроченных к выходу React 19 . Одним из таких нововведений является React Сompiler — новый JavaScript-компилятор для оптимизации вычислений. Главной целью разработчиков была оптимизация и автоматизация мемоизации в React-приложениях. Если раньше фронтендерам приходилось использовать такие хуки, как useCallback и useMemo , то вскоре React сам возьмёт на себя ответственность за мемоизацию, чтобы избежать повторных вычислений при каждом рендеринге. Не будем затягивать со вступлением и сразу перейдём к пересказу.

https://habr.com/ru/articles/822021/

#React #React_Compiler #nextjs #React_19 #frontendразработка

React Conf 2024. React v19

Только что завершилась Конференция React.js. Долгожданная конференция спустя почти 3 года после предыдущей. Не менее долгожданны и обновления реакта. И именно с них была начата конференция, им и будет посвящена статья. И да, как вы увидели из превью - 19 версия перешла в статус release candidate. Полноценный же релиз нам обещают в течении двух недель. В целом, мне как next.js разработчику большая часть была знакома. Десятки статей на хабре уже рассказали о практически каждой части этого обновления, частично их касался и я рассказывая об обновлениях внесённых в next.js. Можно сказать, что главным направлениям этого обновления было достижение “Высокого UX при высоком DX”. Максимальная производительность при максимально простом коде. И так, а теперь к самой конференции.

https://habr.com/ru/articles/814671/

#react #frontend #react_19 #server_components #фронтенд #веб_разработка #реакт