Хуки мемоизации больше не нужны. React обзавёлся компилятором

React compiler был представлен на React Conf 2024 в виде Babel плагина. Компилятор позволяет автоматически мемоизировать участки кода, где это необходимо. При этом использование хуков useMemo и useCallback, а также функции memo становится избыточным.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

[@aleksprimetv]

Вот бы по профайлеру подробный разборчик)

[@user-ub2rg3eg8z]

Поддерживаю

[@user-jf2ui2qy1y]

+

[@Ecto-Gamet]

+

[@dmtrack]

+++

[@bonaquazone7718]

+

[@Fanta.Bamboocha]

Спасибо за обзор компилятора

[@jullpic]

Спасибо за хорошее объяснение

[@user-rw3ry9bd6l]

Большое спасибо за видео. Просто, понятно и полезно

[@krowker]

хороший пример
спасибо

[@limpchh]

Спаасибо за ролик!
Узнал проект с курса по тестам :)

[@vladyslavdremliuha6147]

Спасибо большое автору за видео!

[@arseqpage9131]

Спасибо компилятору за автора)

[@ReAgent003]

круто, спасибо!

[@alexmarch]

планируете ли вы новый курс по Реакт ? например я это вижу как реакт едвансед + все фичи/хуки реакт 19 .

[@mishanep]

Есть мысли на сей счёт. Пока без конкретики.

[@ufc_uz6]

Круто

[@Apxi_Social]

спасибо

[@skirrsolo4077]

дякую!

[@vladislav_artyukhov]

Ех, жаль что компилятор не в WebAssembler с малыми бинарниками компилирует

[@scc-6]

Я думал это про мемы(((

[@PetrovichErochin]

То есть после установки компилятора useMemo вообще писать не нужно? Или всё же стоит, но для "принудительной" мемоизации?

[@Farruh_13]

Вообще не нужно, если напишешь то компилятор все равно переделает все

[@ReAgent003]

@@Farruh_13 а точно ли он переделает лучше, чем было написано разработчиком? или зависит от его навыка? условно компилятор замемоизирует лучше, чем тяп-лап, но хуже чем ответс венный подход

[@Farruh_13]

@@ReAgent003 да, точно сделает лучше чем вручную возможно было бы, не помню говорилось ли это в видео, компилятор использует другой подход, он запускает код разделив на чанки

[@demos.]

А как в этом случае размер бандла меняется? Особенно на больших проектах

[@mishanep]

На рабочем проекте не пробовал. Как будет готово для продакшн, можно будет ротестировать

[@1995taunus]

Спасибо за видео! Вы часто повторяете слово "коробка". Что вы имеете ввиду?

[@dr.margulis7773]

код, который скачивается по дефолту

[@mishanep]

Представьте, что вы купили компьютерный стол. Бывает так что он уже собран либо же нужно собирать самому. Вы хотите чтобы была выдвижная панель под клавиатуру - она может быть при покупке, а может придётся прикручивать как-то самому. Так и здесь. 'Из коробки' значит, что что-то есть сразу без дополнительных усилий со стороны разработчика.

[@awenn2015]

Это же популярное устройство выражение, это базироованная база, база в квадрате умноженная на куб 😅

[@lyubishkin]

Привет, вижу используешь браузер arc?) я вот тоже, очень нравится, а ты что думаешь по поводу него?

[@mishanep]

Недавно попробовал. Пока нравится. Поставил его дефолтным. Посмотрим приживется ли.

[@user-rw3ry9bd6l]

Ждем видео с разбором реакт-19

[@mishanep]

Был такой на канале. Назывался Будущее Реакта. Там основные новшества были разобраны.

[@deGGenerate]

Ну вот и главная мораль из всего сказанного: чтобы все прекрасно работало нужно просто с умом подойти к проектированию

[@serhiikichuk]

Благодарю! Лаконично с наглядным примером. Как говорится "на компилятор надейся, а сам не плошай"

[@deadorIT]

На данном этапе не вижу вау эффекта от встроенного компилятора. Как писали ручками, так и будем писать. Если посмотреть что он обернул в memо, то видно что это страницы + некоторые компоненты. Такое себе, руками это намного лучше пропишу.
Вот если он будет автоматом писать подобие хуков useCallback, useMemo там где надо - это уже будет круто.

[@mike-aaa]

Эх ты хитрый, взял поиск на лету и заменил на поиск по кнопке

[@mishanep]

Там не была поиска на лету :) по кнопке или по нажатию enter

[@splcell]

Эх ты хитрый, думал подловил😄

[@NeoCoding]

а что если на Нексте проект?

[@mishanep]

Без проблем
В доке есть инфа как настроить для некста

[@alexdsay]

Судя по видео то, что есть на сегодняшний день, это неплохо, но не панацея, все равно нужно будет местами применять мемоизацию и чекать профайлер

[@davidrawzen8232]

Интересно на каком языке это всё... )

[@risselify]

А почему Михаил непомнящий ? Типо фишка такая ? Автор не помнит что писал ?)

[@true227]

Правильно я понимаю, что это всё только для новых проектов, а вот все прежние проекты так и будут с принудительной мемоизацией, т.е. для реальной работы этот компилятор ничего не даёт

[@mishanep]

Действующие проекты можно будет также адаптировать. Нужно будет версию Реакта обновить.

[@true227]

@@mishanep Михаил, а в нексте это будет работать?

[@user-pe8kt3ze1i]

@@true227 Да, в видео об этом говорилось

[@boycovclub]

Написал бы кастомный дебоунс и прикрутил бы к инпуту) и не забивал бы голову глупостями)

[@NIReeMK]

А чем дебаунс поможет в плане ререндеров? Для него все равно нужен какой-то стейт, Стейт будет триггерить ререндер. Да и смысл ломать себе голову когда ререндер за 1мс происходит

[@user-uz8qg6hf8p]

10:38 у чувака при введении каждой новой буквы увеличивается число ошибок, а ему похер)

[@Farruh_13]

1. От слова совсем не относится к теме видео.
2. Эти ошибки могут появляться в разных случаях, например сервер отключен, просто не включил бэк или даже если ты из термина локалхост отключил , а страницу используешь без перезагрузки и эти ошибки не связаны с инпутом.
Крч исходя из твоего коммента тебе или мало лет или нету опыта работы

[@user-jf2ui2qy1y]

​@@Farruh_13он просто тупой, вот и все

[@vadem_zip]

Вау...

[@__robert__paulson__]

@@Farruh_13 или беда с самооценкой, что скорее всего

[@monterio1234]

Vite csp не поддерживает же еще? Я про аналог__webpack_nonce__