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

Ғылым және технология

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

Пікірлер: 63

  • @aleksprimetv
    @aleksprimetv12 күн бұрын

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

  • @user-ub2rg3eg8z

    @user-ub2rg3eg8z

    12 күн бұрын

    Поддерживаю

  • @user-jf2ui2qy1y

    @user-jf2ui2qy1y

    12 күн бұрын

    +

  • @Ecto-Gamet

    @Ecto-Gamet

    12 күн бұрын

    +

  • @dmtrack

    @dmtrack

    12 күн бұрын

    +++

  • @bonaquazone7718

    @bonaquazone7718

    12 күн бұрын

    +

  • @limpchh
    @limpchh12 күн бұрын

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

  • @vladyslavdremliuha6147
    @vladyslavdremliuha614712 күн бұрын

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

  • @Fanta.Bamboocha
    @Fanta.Bamboocha12 күн бұрын

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

  • @jullpic
    @jullpic12 күн бұрын

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

  • @user-rw3ry9bd6l
    @user-rw3ry9bd6l8 күн бұрын

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

  • @serhiikichuk
    @serhiikichuk12 күн бұрын

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

  • @krowker
    @krowker12 күн бұрын

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

  • @arseqpage9131
    @arseqpage913111 күн бұрын

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

  • @ReAgent003
    @ReAgent0038 күн бұрын

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

  • @alexmarch
    @alexmarch12 күн бұрын

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

  • @mishanep

    @mishanep

    12 күн бұрын

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

  • @ufc_uz6
    @ufc_uz612 күн бұрын

    Круто

  • @Apxi_Social
    @Apxi_Social12 күн бұрын

    спасибо

  • @skirrsolo4077
    @skirrsolo407711 күн бұрын

    дякую!

  • @scc-6
    @scc-612 күн бұрын

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

  • @demos.
    @demos.12 күн бұрын

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

  • @mishanep

    @mishanep

    12 күн бұрын

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

  • @PetrovichErochin
    @PetrovichErochin12 күн бұрын

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

  • @Farruh_13

    @Farruh_13

    12 күн бұрын

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

  • @ReAgent003

    @ReAgent003

    8 күн бұрын

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

  • @Farruh_13

    @Farruh_13

    8 күн бұрын

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

  • @vladislav_artyukhov
    @vladislav_artyukhov12 күн бұрын

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

  • @1995taunus
    @1995taunus12 күн бұрын

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

  • @dr.margulis7773

    @dr.margulis7773

    12 күн бұрын

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

  • @mishanep

    @mishanep

    12 күн бұрын

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

  • @awenn2015

    @awenn2015

    12 күн бұрын

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

  • @user-rw3ry9bd6l
    @user-rw3ry9bd6l8 күн бұрын

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

  • @mishanep

    @mishanep

    7 күн бұрын

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

  • @lyubishkin
    @lyubishkin12 күн бұрын

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

  • @mishanep

    @mishanep

    12 күн бұрын

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

  • @deGGenerate
    @deGGenerate9 күн бұрын

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

  • @deadorIT
    @deadorIT2 күн бұрын

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

  • @NeoCoding
    @NeoCoding12 күн бұрын

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

  • @mishanep

    @mishanep

    12 күн бұрын

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

  • @mike-aaa
    @mike-aaa12 күн бұрын

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

  • @mishanep

    @mishanep

    11 күн бұрын

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

  • @splcell

    @splcell

    9 күн бұрын

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

  • @alexdsay
    @alexdsay12 күн бұрын

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

  • @risselify
    @risselify11 күн бұрын

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

  • @boycovclub
    @boycovclub12 күн бұрын

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

  • @NIReeMK

    @NIReeMK

    12 күн бұрын

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

  • @true227
    @true22712 күн бұрын

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

  • @mishanep

    @mishanep

    12 күн бұрын

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

  • @true227

    @true227

    12 күн бұрын

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

  • @user-pe8kt3ze1i

    @user-pe8kt3ze1i

    11 күн бұрын

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

  • @user-uz8qg6hf8p
    @user-uz8qg6hf8p12 күн бұрын

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

  • @Farruh_13

    @Farruh_13

    12 күн бұрын

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

  • @user-jf2ui2qy1y

    @user-jf2ui2qy1y

    12 күн бұрын

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

  • @vadem_zip

    @vadem_zip

    12 күн бұрын

    Вау...

  • @__robert__paulson__

    @__robert__paulson__

    12 күн бұрын

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

  • @monterio1234
    @monterio123412 күн бұрын

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

Келесі