Тихие сбои React Compiler и как их исправить

React Compiler обещает избавить от ручной мемоизации и вернуть разработчику фокус на логику интерфейса. Но за этой когнитивной разгрузкой скрывается тонкий риск: в ряде случаев компилятор тихо откатывается к обычному поведению React, и вы узнаёте об этом только по деградации UX. В статье — практический разбор «тихих» сбоев, ограничений синтаксиса и способа заставить сборку честно сигнализировать о проблемах через ESLint. Разобрать проблему

https://habr.com/ru/companies/otus/articles/996174/

#React_Compiler #производительность_React #ререндеры #мемоизация #useMemo #useCallback #ESLint

[Перевод] React Labs: View Transitions, Activity и другие обновления

В блоге React Labs мы делимся проектами, находящимися на этапе активных исследований и разработки. В этой статье рассказываем о двух новых экспериментальных возможностях, которые уже доступны для тестирования, а также делимся новостями о других вещах, над которыми сейчас работаем. Сегодня мы рады представить вам документацию по двум новым экспериментальным возможностям, уже доступным для тестирования: View Transitions (переходы между экранами) Activity А также делимся обновлениями по возможностям, над которыми продолжаем работать: Треки производительности React (React performance tracks) Расширение редактора кода для компилятора Автоматические зависимости эффектов Ссылки на фрагменты (fragment refs) Конкурентные хранилища данных (concurrent stores) Пример использования View Transitions и Activity в клоне AirBnB

https://habr.com/ru/companies/timeweb/articles/908488/

#timeweb_статьи_перевод #javascript #js #reactjs #reactjs #react #new_features #updates #view_transitions #view_transition #activity #react_compiler #новые_возможности #обновления

Поясняю за 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разработка