Новый React 19: 7 изменений. Что внедрять? Тестируем useActionState, useFormStatus, ref, use и др.

Поделиться
HTML-код
  • Опубликовано: 11 янв 2025

Комментарии • 109

  • @PurpleSchool
    @PurpleSchool  Месяц назад +2

    Посмотреть:
    🍿 Последний выпуск новостей веб-разработки - ruclips.net/video/iMFyqpiWX_Y/видео.html
    🍿 React Native за 3 часа - ruclips.net/video/pIjkkwF4jc0/видео.html
    💬 Telegram-канал с полезными советами по разработке - t.me/purple_code_channel
    Пройти обучение:
    ➔ А для тех, кто еще учится созданию приложений - у нас есть большой практический курс по React. Вместе напишем 4 комплексных проекта и освоим ключевые навыки работы с этой библиотекой - purpleschool.ru/course/react-redux
    ◉ Бонус в течение 24 часов. К курсу по React добавим карьерный курс «Прохождение собеседования» за 1 рубль. Вводите промокод NEWREACT при офомрлении заказа.

  • @StasKhitrich
    @StasKhitrich Месяц назад +2

    Спасибо за видео. Не увидел для себя ничего, что вызвало бы желание перейти с 18 реакта на 19. В целом, сказал бы, что всё больше склоняюсь к возвращению на vue)

  • @Kotovar
    @Kotovar Месяц назад +8

    Неплохо, что от форвардрефы избавляемся) Надо с use разобраться, выглядит интересно)

    • @PurpleSchool
      @PurpleSchool  Месяц назад

      👍

    • @drewnaumenko2469
      @drewnaumenko2469 Месяц назад

      Выглядит как костыльность хуков хотят подпереть другим костылем хуком. Вот весело будет спагетти 🍝

  • @АртурДемидов-г7ф
    @АртурДемидов-г7ф Месяц назад +11

    У меня конечно вопрос, а почему некоторые фичи вроде серверные компоненты и экшены добавляют именно в реакт? Пусть этим занимаются разрабы next если им это нужно. Я люблю тот реакт где у меня есть 3 файла: .html, .css, .js и отдавая это через nginx я получил рабочее приложение на реакте

    • @PurpleSchool
      @PurpleSchool  Месяц назад +2

      Тут скорее вопрос вектора развития Frontend. И Vue и Angular тоже из коробки это умеют.

    • @gatos-su
      @gatos-su Месяц назад +2

      Некс превратился в пхп из 2002 года. Для развития конкуренции фреймворков, чтобы разрабы каждый раз не писали велосипед

  • @ViacheslavUstinov-g4x
    @ViacheslavUstinov-g4x Месяц назад +7

    Изменение работы с ref безусловно обрадовало, в остальном же - ощущение, что половина представленных фич должна быть скорее в библиотеках, а не в ядре проекта, ну и хук use в текущей имплементации как-то странно смотрится (нейминг, модель использования и тп)

  • @ЕвгенийКондобаров-ю7г

    Прикольно, спасибо за разбор!

    • @PurpleSchool
      @PurpleSchool  Месяц назад

      @@ЕвгенийКондобаров-ю7г пожалуйста!

  • @al77ex1
    @al77ex1 Месяц назад +4

    Теперь на фронте свой сервер который соединяется с настоящим бэк серверм.
    Дальше на фронт в некст хорошо бы завезти кафку или рэбита, чтобы уже общение шло по шине а не по ресту и компоненты под них запилить ))

  • @_oxios_
    @_oxios_ Месяц назад +1

    Как страница знает что нужно ждать пока Post(из примера) загрузит свои данные?

  • @Commondore
    @Commondore Месяц назад +1

    Спасибо за обзор!
    Многие вещи уже использовал ещё весной типа северных экшенов. Но use и ref порадовали. Ещё бы compiler подвезли вот это была бы реально обнова так обнова 😅

  • @artems5802
    @artems5802 Месяц назад +2

    Спасибо за обзор

  • @Epic0n
    @Epic0n Месяц назад +13

    Правильно все делают, а то вздумали на клиенте бесплатно рендериться, а как Верселю и прочим АВСам зарабатывать? )

  • @Artur-pk3sw
    @Artur-pk3sw Месяц назад +3

    а что с react compiler?

    • @PurpleSchool
      @PurpleSchool  Месяц назад +1

      @@Artur-pk3sw пока в бете

  • @ВалентинЗырянов-з4ч
    @ВалентинЗырянов-з4ч Месяц назад +2

    Так серверные компоненты не ssr
    Они не присылают html
    Или я что-то не так думаю?

    • @PurpleSchool
      @PurpleSchool  29 дней назад

      @@ВалентинЗырянов-з4ч ssr процесс рендеринга нашего приложения на сервере. Серверные компоненты - выполняются исключительно на сервере

  • @viooi2582
    @viooi2582 Месяц назад +1

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

  • @dmitriyv.2330
    @dmitriyv.2330 Месяц назад +2

    А есть ли способы не использовать Next, но использовать фичи React 19? Типа те же серверные компоненты, или это апдейт только для "всеми любимого" некста?

    • @PurpleSchool
      @PurpleSchool  Месяц назад +1

      Да, можете использовать шаблон Vite с SSR

    • @ficus708
      @ficus708 27 дней назад

      А в чем проблема nextjs?

    • @chirkov
      @chirkov 26 дней назад

      @@ficus708 если делаешь админки, то ssr не нужен в принципе например

  • @AndroidsReview
    @AndroidsReview 22 дня назад

    Ref можно было и раньше как пропс передавать, только имя должно быть отлично от ref

  • @Lincoln05
    @Lincoln05 Месяц назад

    05:40 немного не понял что это нам дает. Окей, юзер отправил нам данные, это мы видим на сервере, что это нам дал? В чем привилегия это делать на сервере, а не на клиенте. Можете пожалуйста объяснить? 🙂

    • @PurpleSchool
      @PurpleSchool  Месяц назад +1

      @@Lincoln05 получив в этой функции данные, Вы можете например сходить в базу данных и их сохранить.

    • @gatos-su
      @gatos-su Месяц назад +3

      Ну типа раньше ты это делал на пхп и все нос ворочили, а теперь тоже самое делаешь в нексе и ты теперь топ хайп сеньер фронтенд девелопер

    • @andreykrylov2767
      @andreykrylov2767 29 дней назад

      ​@@gatos-suв точку

  • @НайтиСебя-у6щ
    @НайтиСебя-у6щ 21 день назад

    Я в шоке, ты такой умный... Хочу так же все знать...

  • @InverserPro
    @InverserPro Месяц назад +12

    Мы строили, строили и, наконец, построили тоже самое, что делал PHP сто лет назад😂
    🎉🎉🎉
    Ох и react 😮

    • @Kotovar
      @Kotovar Месяц назад +1

      Для несведущих в PHP - можно подробностей?) Интересно

    • @PurpleSchool
      @PurpleSchool  Месяц назад +2

      Ну на php не сдалешь клиентское приложение. Скорее затащили всё лучшее с сервера)

    • @InverserPro
      @InverserPro Месяц назад +3

      @@PurpleSchool ну, почему же не сделаешь, без js можно взаимодействовать с сервером... А отдавать HTML для PHP, как пряники жевать.

    • @InverserPro
      @InverserPro Месяц назад +4

      @@Kotovar дело было, когда я был ещё совсем маленьким. Значит сидишь ты такой, кодишь, и тебе не надо билдить. Примерно так)

    • @boycovclub
      @boycovclub Месяц назад +1

      @@PurpleSchool лучшее с сервера ?))))

  • @grasslawn7544
    @grasslawn7544 Месяц назад +1

    А что насчет usecallback и useMemo ?

    • @big_606
      @big_606 Месяц назад

      Реакт компилятор пока в бете, именно он отвечает за "автомемоизацию", пока юзаем по-старому

    • @PurpleSchool
      @PurpleSchool  Месяц назад

      @@grasslawn7544 пока все так-же

  • @НайтиСебя-у6щ
    @НайтиСебя-у6щ 21 день назад

    А где вы этому всему научились, и сколько лет на это ушло?

    • @PurpleSchool
      @PurpleSchool  21 день назад +1

      Я уже 14 лет пишу код и прошёл путь от разработчика до CTO и владельца бизнеса.

    • @НайтиСебя-у6щ
      @НайтиСебя-у6щ 21 день назад

      @PurpleSchool заберите меня в команду. Опыта почти нет, но есть огромное желание

    • @НайтиСебя-у6щ
      @НайтиСебя-у6щ 21 день назад

      @PurpleSchool понимаю что без работы в реальном проекте нет возможности прогрессировать.

  • @Kestisr
    @Kestisr 29 дней назад

    Thx for video!

  • @sergey7144
    @sergey7144 25 дней назад

    А в чем теперь принципиальная разница next от реакта?)

    • @PurpleSchool
      @PurpleSchool  25 дней назад

      @@sergey7144 next имеет роутинг, настройки меты и прочее

    • @sergey7144
      @sergey7144 25 дней назад

      @@PurpleSchool понял, спасибо) то есть некст все равно пока предпочтительнее для seo?)

  • @nickolaizein7465
    @nickolaizein7465 Месяц назад +5

    с серверными экшонами конечно странно как-то это всё

  • @asifmcjr1602
    @asifmcjr1602 25 дней назад +1

    Парни, так use это не хук, вы чего)

  • @bring_you_up
    @bring_you_up 19 дней назад

    по-моему - use - какая-то шляпа. Как запрос то отменить в случае размонтирования компонента? а никак)

  • @couragic
    @couragic Месяц назад

    14:55 что за «саспенЦ» такой ? 😊

    • @PurpleSchool
      @PurpleSchool  Месяц назад +1

      @@couragic монтажёр ошибся)

  • @bozzhik
    @bozzhik Месяц назад +1

    турбопак прошел уже 100 процентов тестов в деве, его не зря добавили при создании проекта. а вот для продакшена так около 70, пока еще сырой

    • @PurpleSchool
      @PurpleSchool  Месяц назад +1

      @@bozzhik да, я перейду на нём В разработке, только когда можно будет на нём запускать и на проде

  • @СергейФилатов-ы5ю
    @СергейФилатов-ы5ю 29 дней назад +1

    Реакт свернул не туда. Но бабло решает. Я думаю версел заливает им. Надо было работать над рендерами, скоростью, реф единственное что порадовало, и как сделать все юзЭффекты с возможностью кондишинал рендер. В 19 версии для меня полезен только реф. И тот сомнительно. Я не вижу проблем понять реф в каллбэке

  • @doroshko
    @doroshko Месяц назад +4

    Невозможно смотреть этот АСМР с шепотом и чавканиями. :(
    Уже который раз нактыкаюсь на ваш канал, очень полезная инфа, хорошая подача, но звук. Это АСМР программирование? Ощущение что вы над ухом стоите у меня и шепчите причавкивая.
    Думаю не меня одного это раздражает, и если будет много фидбека об этом вы пофиксите этот момент.
    Возможно микрофон подальше и говорить нормальным тоном а не шептать легко решит этот фактор.

  • @СергейК-б6н
    @СергейК-б6н Месяц назад +1

    Уважаемый Антон сколько времени у вас ушло чтобы так зашарить? В этих реактах

    • @PurpleSchool
      @PurpleSchool  Месяц назад +1

      @@СергейК-б6н тут фреймворк не особо принципиален) Разработка я уже занимаюсь более 14 лет.

  • @lukovkin8
    @lukovkin8 28 дней назад

    Вопрос: зачем мучиться если есть ангуляр. Проще, быстрее и надёжнее.
    Мнение конечно субъективное

    • @PurpleSchool
      @PurpleSchool  27 дней назад +1

      Очень субъективное. Писал на нём 3 года, перешёл на React

  • @_boolive_
    @_boolive_ День назад

    Пора делать свой React без этой новой мути)

  • @dimovich85
    @dimovich85 29 дней назад

    Ужа с ежом скрестили) Ну, посмотрим. Вырастет поколение программистов, которые скажут, что никаких хттп запросов не существует, есть просто юз сервер и все, а если не работает, то надо смотреть в консоль..

  • @antoncigur2724
    @antoncigur2724 Месяц назад +1

    ничего не понял. Что было, что стало

    • @PurpleSchool
      @PurpleSchool  Месяц назад +1

      😀

    • @antoncigur2724
      @antoncigur2724 Месяц назад +1

      @@PurpleSchool можешь объяснить кое-что?
      вот допустим есть страница магазина, в нем 2 компонента, один слева - компонент фильтров(выбор размера, цены и пр.), второй справа- компонент товаров.
      компонент товаров(серверный) при начальной загрузке берет товары с апи и выводит на страницу.
      допустим я нажимаю какой-нибудь фильтр и хочу чтобы отобразились соответствующие товары в компоненте товаров,
      как это сделать без 'use client' ? Возможно ли это?

    • @PurpleSchool
      @PurpleSchool  29 дней назад +2

      @antoncigur2724 да, через query параметры в URL. У меня есть отдельные видео: ruclips.net/video/PRlWzi44wOw/видео.html

  • @headstrong1968
    @headstrong1968 Месяц назад

    Из того, что увидел, разницы для CSR почти нет, беспонтовое обновление для таких проектов.
    Я думал будет оптимизация завезена лучшая или чет подобное

    • @PurpleSchool
      @PurpleSchool  Месяц назад

      @@headstrong1968 пока react compiler не завезли

  • @boycovclub
    @boycovclub Месяц назад +4

    Лучше бы оптимизировали хост среду самого JS а не Х... страдали придумывая очередной PHP фреймворка из 2000 годов с прибавлением React на клиенте. Путь в никуда или обман бизнеса

    • @InverserPro
      @InverserPro Месяц назад +1

      @@boycovclub им необходимо выезжать (конкурировать за рынок) за счёт новых плюшек. Ничего лучше не придумали, как использовать сервер, и преподносить это, как нововведение 2025 года 😁

    • @boycovclub
      @boycovclub Месяц назад +1

      @@InverserPro за такие слова меня на неделю заблокировали в Реакт сообществе телеги))

    • @InverserPro
      @InverserPro Месяц назад +1

      @@boycovclub обиженки ламповые 🤪

    • @drewnaumenko2469
      @drewnaumenko2469 Месяц назад

      ​@@InverserProну сам по себе он был не плох на своё время, а как его загребли vercel так и всё серверный хук, клиент хук, нахрен это всё нужно? next огромный кусок распиариной говнины. Даже обёртка remix более побожески выглядит, чем вот это всё верселевское.

  • @iGotton
    @iGotton Месяц назад

    +

  • @Евгений-м2з2ц
    @Евгений-м2з2ц Месяц назад +2

    я первый, уиии

  • @gva5906
    @gva5906 Месяц назад

    Разбор слабый