Хуки мемоизации больше не нужны. React обзавёлся компилятором
Ғылым және технология
React compiler был представлен на React Conf 2024 в виде Babel плагина. Компилятор позволяет автоматически мемоизировать участки кода, где это необходимо. При этом использование хуков useMemo и useCallback, а также функции memo становится избыточным.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep
Пікірлер: 63
Вот бы по профайлеру подробный разборчик)
@user-ub2rg3eg8z
12 күн бұрын
Поддерживаю
@user-jf2ui2qy1y
12 күн бұрын
+
@Ecto-Gamet
12 күн бұрын
+
@dmtrack
12 күн бұрын
+++
@bonaquazone7718
12 күн бұрын
+
Спаасибо за ролик! Узнал проект с курса по тестам :)
Спасибо большое автору за видео!
Спасибо за обзор компилятора
Спасибо за хорошее объяснение
Большое спасибо за видео. Просто, понятно и полезно
Благодарю! Лаконично с наглядным примером. Как говорится "на компилятор надейся, а сам не плошай"
хороший пример спасибо
Спасибо компилятору за автора)
круто, спасибо!
планируете ли вы новый курс по Реакт ? например я это вижу как реакт едвансед + все фичи/хуки реакт 19 .
@mishanep
12 күн бұрын
Есть мысли на сей счёт. Пока без конкретики.
Круто
спасибо
дякую!
Я думал это про мемы(((
А как в этом случае размер бандла меняется? Особенно на больших проектах
@mishanep
12 күн бұрын
На рабочем проекте не пробовал. Как будет готово для продакшн, можно будет ротестировать
То есть после установки компилятора useMemo вообще писать не нужно? Или всё же стоит, но для "принудительной" мемоизации?
@Farruh_13
12 күн бұрын
Вообще не нужно, если напишешь то компилятор все равно переделает все
@ReAgent003
8 күн бұрын
@@Farruh_13 а точно ли он переделает лучше, чем было написано разработчиком? или зависит от его навыка? условно компилятор замемоизирует лучше, чем тяп-лап, но хуже чем ответс венный подход
@Farruh_13
8 күн бұрын
@@ReAgent003 да, точно сделает лучше чем вручную возможно было бы, не помню говорилось ли это в видео, компилятор использует другой подход, он запускает код разделив на чанки
Ех, жаль что компилятор не в WebAssembler с малыми бинарниками компилирует
Спасибо за видео! Вы часто повторяете слово "коробка". Что вы имеете ввиду?
@dr.margulis7773
12 күн бұрын
код, который скачивается по дефолту
@mishanep
12 күн бұрын
Представьте, что вы купили компьютерный стол. Бывает так что он уже собран либо же нужно собирать самому. Вы хотите чтобы была выдвижная панель под клавиатуру - она может быть при покупке, а может придётся прикручивать как-то самому. Так и здесь. 'Из коробки' значит, что что-то есть сразу без дополнительных усилий со стороны разработчика.
@awenn2015
12 күн бұрын
Это же популярное устройство выражение, это базироованная база, база в квадрате умноженная на куб 😅
Ждем видео с разбором реакт-19
@mishanep
7 күн бұрын
Был такой на канале. Назывался Будущее Реакта. Там основные новшества были разобраны.
Привет, вижу используешь браузер arc?) я вот тоже, очень нравится, а ты что думаешь по поводу него?
@mishanep
12 күн бұрын
Недавно попробовал. Пока нравится. Поставил его дефолтным. Посмотрим приживется ли.
Ну вот и главная мораль из всего сказанного: чтобы все прекрасно работало нужно просто с умом подойти к проектированию
На данном этапе не вижу вау эффекта от встроенного компилятора. Как писали ручками, так и будем писать. Если посмотреть что он обернул в memо, то видно что это страницы + некоторые компоненты. Такое себе, руками это намного лучше пропишу. Вот если он будет автоматом писать подобие хуков useCallback, useMemo там где надо - это уже будет круто.
а что если на Нексте проект?
@mishanep
12 күн бұрын
Без проблем В доке есть инфа как настроить для некста
Эх ты хитрый, взял поиск на лету и заменил на поиск по кнопке
@mishanep
11 күн бұрын
Там не была поиска на лету :) по кнопке или по нажатию enter
@splcell
9 күн бұрын
Эх ты хитрый, думал подловил😄
Судя по видео то, что есть на сегодняшний день, это неплохо, но не панацея, все равно нужно будет местами применять мемоизацию и чекать профайлер
А почему Михаил непомнящий ? Типо фишка такая ? Автор не помнит что писал ?)
Написал бы кастомный дебоунс и прикрутил бы к инпуту) и не забивал бы голову глупостями)
@NIReeMK
12 күн бұрын
А чем дебаунс поможет в плане ререндеров? Для него все равно нужен какой-то стейт, Стейт будет триггерить ререндер. Да и смысл ломать себе голову когда ререндер за 1мс происходит
Правильно я понимаю, что это всё только для новых проектов, а вот все прежние проекты так и будут с принудительной мемоизацией, т.е. для реальной работы этот компилятор ничего не даёт
@mishanep
12 күн бұрын
Действующие проекты можно будет также адаптировать. Нужно будет версию Реакта обновить.
@true227
12 күн бұрын
@@mishanep Михаил, а в нексте это будет работать?
@user-pe8kt3ze1i
11 күн бұрын
@@true227 Да, в видео об этом говорилось
10:38 у чувака при введении каждой новой буквы увеличивается число ошибок, а ему похер)
@Farruh_13
12 күн бұрын
1. От слова совсем не относится к теме видео. 2. Эти ошибки могут появляться в разных случаях, например сервер отключен, просто не включил бэк или даже если ты из термина локалхост отключил , а страницу используешь без перезагрузки и эти ошибки не связаны с инпутом. Крч исходя из твоего коммента тебе или мало лет или нету опыта работы
@user-jf2ui2qy1y
12 күн бұрын
@@Farruh_13он просто тупой, вот и все
@vadem_zip
12 күн бұрын
Вау...
@__robert__paulson__
12 күн бұрын
@@Farruh_13 или беда с самооценкой, что скорее всего
Vite csp не поддерживает же еще? Я про аналог__webpack_nonce__