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

  Рет қаралды 29,336

Михаил Непомнящий

Михаил Непомнящий

27 күн бұрын

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

Пікірлер: 65
@aleksprimetv
@aleksprimetv 25 күн бұрын
Вот бы по профайлеру подробный разборчик)
@user-ub2rg3eg8z
@user-ub2rg3eg8z 25 күн бұрын
Поддерживаю
@user-jf2ui2qy1y
@user-jf2ui2qy1y 25 күн бұрын
+
@Ecto-Gamet
@Ecto-Gamet 25 күн бұрын
+
@dmtrack
@dmtrack 25 күн бұрын
+++
@bonaquazone7718
@bonaquazone7718 25 күн бұрын
+
@Fanta.Bamboocha
@Fanta.Bamboocha 25 күн бұрын
Спасибо за обзор компилятора
@jullpic
@jullpic 25 күн бұрын
Спасибо за хорошее объяснение
@krowker
@krowker 25 күн бұрын
хороший пример спасибо
@limpchh
@limpchh 24 күн бұрын
Спаасибо за ролик! Узнал проект с курса по тестам :)
@arseqpage9131
@arseqpage9131 24 күн бұрын
Спасибо компилятору за автора)
@vladyslavdremliuha6147
@vladyslavdremliuha6147 25 күн бұрын
Спасибо большое автору за видео!
@ReAgent003
@ReAgent003 20 күн бұрын
круто, спасибо!
@alexmarch
@alexmarch 25 күн бұрын
планируете ли вы новый курс по Реакт ? например я это вижу как реакт едвансед + все фичи/хуки реакт 19 .
@mishanep
@mishanep 25 күн бұрын
Есть мысли на сей счёт. Пока без конкретики.
@ufc_uz6
@ufc_uz6 25 күн бұрын
Круто
@vladislav_artyukhov
@vladislav_artyukhov 25 күн бұрын
Ех, жаль что компилятор не в WebAssembler с малыми бинарниками компилирует
@Apxi_Social
@Apxi_Social 25 күн бұрын
спасибо
@skirrsolo4077
@skirrsolo4077 24 күн бұрын
дякую!
@user-rw3ry9bd6l
@user-rw3ry9bd6l 21 күн бұрын
Большое спасибо за видео. Просто, понятно и полезно
@scc-6
@scc-6 24 күн бұрын
Я думал это про мемы(((
@PetrovichErochin
@PetrovichErochin 25 күн бұрын
То есть после установки компилятора useMemo вообще писать не нужно? Или всё же стоит, но для "принудительной" мемоизации?
@Farruh_13
@Farruh_13 25 күн бұрын
Вообще не нужно, если напишешь то компилятор все равно переделает все
@ReAgent003
@ReAgent003 20 күн бұрын
@@Farruh_13 а точно ли он переделает лучше, чем было написано разработчиком? или зависит от его навыка? условно компилятор замемоизирует лучше, чем тяп-лап, но хуже чем ответс венный подход
@Farruh_13
@Farruh_13 20 күн бұрын
@@ReAgent003 да, точно сделает лучше чем вручную возможно было бы, не помню говорилось ли это в видео, компилятор использует другой подход, он запускает код разделив на чанки
@demos.
@demos. 24 күн бұрын
А как в этом случае размер бандла меняется? Особенно на больших проектах
@mishanep
@mishanep 24 күн бұрын
На рабочем проекте не пробовал. Как будет готово для продакшн, можно будет ротестировать
@1995taunus
@1995taunus 25 күн бұрын
Спасибо за видео! Вы часто повторяете слово "коробка". Что вы имеете ввиду?
@dr.margulis7773
@dr.margulis7773 25 күн бұрын
код, который скачивается по дефолту
@mishanep
@mishanep 25 күн бұрын
Представьте, что вы купили компьютерный стол. Бывает так что он уже собран либо же нужно собирать самому. Вы хотите чтобы была выдвижная панель под клавиатуру - она может быть при покупке, а может придётся прикручивать как-то самому. Так и здесь. 'Из коробки' значит, что что-то есть сразу без дополнительных усилий со стороны разработчика.
@awenn2015
@awenn2015 25 күн бұрын
Это же популярное устройство выражение, это базироованная база, база в квадрате умноженная на куб 😅
@lyubishkin
@lyubishkin 25 күн бұрын
Привет, вижу используешь браузер arc?) я вот тоже, очень нравится, а ты что думаешь по поводу него?
@mishanep
@mishanep 25 күн бұрын
Недавно попробовал. Пока нравится. Поставил его дефолтным. Посмотрим приживется ли.
@user-rw3ry9bd6l
@user-rw3ry9bd6l 21 күн бұрын
Ждем видео с разбором реакт-19
@mishanep
@mishanep 20 күн бұрын
Был такой на канале. Назывался Будущее Реакта. Там основные новшества были разобраны.
@deGGenerate
@deGGenerate 21 күн бұрын
Ну вот и главная мораль из всего сказанного: чтобы все прекрасно работало нужно просто с умом подойти к проектированию
@serhiikichuk
@serhiikichuk 25 күн бұрын
Благодарю! Лаконично с наглядным примером. Как говорится "на компилятор надейся, а сам не плошай"
@deadorIT
@deadorIT 14 күн бұрын
На данном этапе не вижу вау эффекта от встроенного компилятора. Как писали ручками, так и будем писать. Если посмотреть что он обернул в memо, то видно что это страницы + некоторые компоненты. Такое себе, руками это намного лучше пропишу. Вот если он будет автоматом писать подобие хуков useCallback, useMemo там где надо - это уже будет круто.
@mike-aaa
@mike-aaa 24 күн бұрын
Эх ты хитрый, взял поиск на лету и заменил на поиск по кнопке
@mishanep
@mishanep 24 күн бұрын
Там не была поиска на лету :) по кнопке или по нажатию enter
@splcell
@splcell 21 күн бұрын
Эх ты хитрый, думал подловил😄
@NeoCoding
@NeoCoding 24 күн бұрын
а что если на Нексте проект?
@mishanep
@mishanep 24 күн бұрын
Без проблем В доке есть инфа как настроить для некста
@alexdsay
@alexdsay 25 күн бұрын
Судя по видео то, что есть на сегодняшний день, это неплохо, но не панацея, все равно нужно будет местами применять мемоизацию и чекать профайлер
@davidrawzen8232
@davidrawzen8232 8 күн бұрын
Интересно на каком языке это всё... )
@risselify
@risselify 23 күн бұрын
А почему Михаил непомнящий ? Типо фишка такая ? Автор не помнит что писал ?)
@true227
@true227 25 күн бұрын
Правильно я понимаю, что это всё только для новых проектов, а вот все прежние проекты так и будут с принудительной мемоизацией, т.е. для реальной работы этот компилятор ничего не даёт
@mishanep
@mishanep 25 күн бұрын
Действующие проекты можно будет также адаптировать. Нужно будет версию Реакта обновить.
@true227
@true227 24 күн бұрын
@@mishanep Михаил, а в нексте это будет работать?
@user-pe8kt3ze1i
@user-pe8kt3ze1i 24 күн бұрын
@@true227 Да, в видео об этом говорилось
@boycovclub
@boycovclub 25 күн бұрын
Написал бы кастомный дебоунс и прикрутил бы к инпуту) и не забивал бы голову глупостями)
@NIReeMK
@NIReeMK 25 күн бұрын
А чем дебаунс поможет в плане ререндеров? Для него все равно нужен какой-то стейт, Стейт будет триггерить ререндер. Да и смысл ломать себе голову когда ререндер за 1мс происходит
@user-uz8qg6hf8p
@user-uz8qg6hf8p 25 күн бұрын
10:38 у чувака при введении каждой новой буквы увеличивается число ошибок, а ему похер)
@Farruh_13
@Farruh_13 25 күн бұрын
1. От слова совсем не относится к теме видео. 2. Эти ошибки могут появляться в разных случаях, например сервер отключен, просто не включил бэк или даже если ты из термина локалхост отключил , а страницу используешь без перезагрузки и эти ошибки не связаны с инпутом. Крч исходя из твоего коммента тебе или мало лет или нету опыта работы
@user-jf2ui2qy1y
@user-jf2ui2qy1y 25 күн бұрын
​@@Farruh_13он просто тупой, вот и все
@vadem_zip
@vadem_zip 25 күн бұрын
Вау...
@__robert__paulson__
@__robert__paulson__ 25 күн бұрын
@@Farruh_13 или беда с самооценкой, что скорее всего
@monterio1234
@monterio1234 25 күн бұрын
Vite csp не поддерживает же еще? Я про аналог__webpack_nonce__
$10,000 Every Day You Survive In The Wilderness
26:44
MrBeast
Рет қаралды 133 МЛН
Smart Sigma Kid #funny #sigma #comedy
00:19
CRAZY GREAPA
Рет қаралды 7 МЛН
2000000❤️⚽️#shorts #thankyou
00:20
あしざるFC
Рет қаралды 14 МЛН
Каха инструкция по шашлыку
01:00
К-Media
Рет қаралды 8 МЛН
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 395 М.
"Проклятие 35 лет" в Программировании
8:04
Миша Ларченко
Рет қаралды 16 М.
Новый конфиг для Eslint 9
18:59
Михаил Непомнящий
Рет қаралды 5 М.
Дорожная карта Фронтенд разработчика
25:39
Михаил Непомнящий
Рет қаралды 4,6 М.
Программист, ты должен писать плохой код
21:51
Что такое Sentry и почему без него тяжело
20:18
Evrone Development
Рет қаралды 3,7 М.
Mi primera placa con dios
0:12
Eyal mewing
Рет қаралды 719 М.
Iphone or nokia
0:15
rishton vines😇
Рет қаралды 1,7 МЛН
Apple watch hidden camera
0:34
_vector_
Рет қаралды 61 МЛН