Новый React.js! 

Забрать бесплатные ресурсы и 4000 бонусов от Cloud․ru можно на сайте: sc.link/MwkZc Erid 2VfnxyTRuzg Телеграм: t.me/howToLearnIT 0:00 Революция под номером X 0:25 Виртуалка в подарок 1:51 Что нового? 2:39 Компилятор 3:12 Серверные компоненты 3:21 Экшены 4:13 useFormState 5:12 useOptimistic 6:43 Мета-теги 6:54 Suspence компоненты 7:09 Веб-компоненты 7:29 Ref 8:39 Проблема 3 в 1 9:20 React Native for Web 10:04 Проблема React Dom 10:58 React Strict Dom 12:53 Новая архитектура React Native 13:09 Резюме Про React 19: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-EPaLg4U_K1o.html #reactjs #react #javascript #frontend

Я думал, революция, это когда определили границы фреймворка и сделали его проще и чище, а тут уже не клиентский фреймворк, а летающий макаронный монстр.

Спасибо, очень нравятся твои ролики! Давай еще!

Полезное видео, спасибо!

Крутой ролик, спасибо за инфу)

так а революционное то что, очередные добавки и переделки в надежде на универсальность и с уничтожением обратной совместимости?

React превращается в ту самую шутку о фронтендерах, что фреймворки меняются каждый день Не успели похоронить классовые компоненты, как хоронят React Native Видимо NextJS в будущем просто будет стабильной версией реакта

Крутой видос. За шато-эркен замок в кбр отдельный респект )

4:48 Для отправки значения, которого нет в форме вместо скрытого инпута можно использовать .bind (это из документации NextJS) Из твоего примера: const [message, formAction] = useFormState(addToCart.bind(null, productId), null); В этом случае фукнция-экшн addToCart будет выглядеть так: function addToCart (productId, prevState, formData) {}

хороший ролик, информативно

useOptimistic - что то похожее есть в rtk query (optimistic update). Так же можно обработать результат не дожидаясь ответа от АПИ. При этом пишется вручную внутри эндпойнта сторы. Довольно удобная штука, но не нужно делать это с фанатизмом, если что то пойдет не так в ответе от АПИ, то конечно сработает .undo(). Но как это скажется в UX пока не понятно) Спасибо за видео

Обожаю React за то, что он регулярно меняется и становится лучше. Пережила классовые компоненты и полюбила хуки, щупала разные стейт-менеджеры, работала с серверными компонентами, будет интересно попробовать мобильную разработку с веб совместимостью)))

Привет, Друг 🤝 Лайк за Добкина вначале😅 Привет из Харькова 🤝

Пойду порадуюсь, что основным рабочим инструментом сейчас является 3 вуй )

5:43 Может, на мне сказывается недосып и полночь за окном, но я в упор не понимаю установку состояния setProducts(products => [...products, { product: newProduct, sending "ОтправляетсяЭ } и последующее обращение к элементам массива в цикле вида optimisticProducts.map(product => product.name) У объекта в массиве состояния есть только два свойства: product и sending. Попытка обратиться к name вернёт undefined. Разве нет? Таки может нужно обращаться к product.product. name?

html.div .... а что делать тем кто MUI использует или другие фрэймворки

С useOptimistic не совсем удачный пример привел. Суть паттерна поведения optimistic update в том, что мы используем только лишь "оптимистичное" хранилище для отображения ui. Если запрос не прошел - удаляем элемент из оптимистичного хранилища. То есть второе хранилище products здесь не нужно и оно нигде не используется. Спасибо за внимание!

Я ангулярщик, думал попробовать реакт освоить. После просмотра больше не хочу, спасибо.

я понял - они пилят 1С

Не понятно как react-strict-dom заменит react-native, если все равно приходится пилить два отдельных приложения, где в одном используются html css, а в другом другие методы для мобилок. Кажется все еще проще использовать отдельно React (NextJS) и отдельно React Native

Лайку автору за шутку про деревню и красных

Все круто, но btw react-strict dom api будет закрывать маленькое число потребностей бизнеса. Сейчас под RN существует очень много опен сурс библиотек который все используют в своих проектах, и маловероятно что в ближайшие пару лет оно все переедет на RSD.

Не понял, зачем вообще нужны экшены? Чем обычный onSubmit не достаточен? И зачем нужен useOptimistic, если можно сразу setState делать?

Какую херню эти фронтендеры устроили, конечно 😂

Тут надо сказать, что многие фишки самой новой версии React уже работают в Next сейчас.

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

Флаттер хорош, а дарт прекрасный язык

Каждый год новый реакт, так задолбало, что решил в сторону бека двигаться)

Пишем новый проект с нуля, встал вопрос (и не только) проблемы 3 в 1, команда есть, все супер, что фронты, что нативщики, но дилемма - ребята нативщики постоянно заняты импрувментами и поддержкой уже написанных приложек, а нанимать еще команду нативщиков на один проект - бизнес не в восторге По итогу было принято волевое решение делать монорепу с FSD под капотом и пилить веб + реакт натив, переиспользуя при помощи монорепы бизнес логику, НО! Раз уж тут такая тема с реакт стрикт дом (мало-мальски слышал про эту штуку, но не придавал значения) + еще событийный цикл перкручивают - пожалуй думает стоит рискнуть и подождать этот наш 19 реакт и уже юзая стрикт дом обкатывать все это дело. Автору в очередной раз спасибо, в порывах рабочей суеты не всегда есть время за всем следить, а ты по полочкам все раскладываешь, благодарю

0:17 это же замок Шато Эркен в КБР. втф, что он тут делает?)

Про новое апи для реакт нейтив круто. Есть шансы попасть на работу имея в портфолио и веб и мобильные аппки

Слушаю про все эти "улучшения" и радуюсь, что я сижу на игле Ангуляра.

Реакт все ближе подходит к vue, того гляди и догонит

Вот если хотят они что типо такого я хотел это сделать на PHP с JS), чтоб они были единым цельным куском.А вот еще более интересный момент) вызывать функции PHP в js и так же с PHP вызывать функцию JS.Но это пока еще может и способен) только один из всех языков Python eel+js*)

3:00 8 лет делали

А почему-то ты про ionic забыл

пздц у реакта в 2024 году ещё не было компилятора, это жесть

Svelte, имеющий компиляцию (и при том лучшую) до того, как ее завозят другие...

нам нужен кросплатформенная разработка что делать новый React Native попробуем? Ionic да да пошел я нах*й

html.div можно было бы назвать просто Div, как компонент, с большой буквы

Когда то давно использовал react. Послушал. В итоге что поменялось то? Мы как гоняли контент по экрану на нем так и гоняем, только архитектура абстракция каждый год новая. Новость то что полезли на сервер?, так я вам скажу на сервере технологий хватает и для реальных потребностей для серверной логики современных приложений реакт это просто смешно.

Я не сторонник концепции 3 в 1. Это будет сильно бить по перформансу мобильных приложений, делая хуже пользовательский опыт. Дискорд очень хороший пример. Я делал приложения на React Native и моё мнение, что, лучше нативной разработки пока не придумали

Ещё лет 10 и реакт дорастёт до elm😂😂😂😂😂

ничего путёвого из новинок, расходимся)

Из клиентского приложение сделали просто пхп Серверные компоненты вы просто так не сможете использовать Так же там нету доступа к стейту на клиенте. А значит не сделать нормальные Кеши у клиента или какую-то логику по переходу назад (на пример не запрашивать стейт) Ну и так же на сервере вы не поймете. Был ли это прямой переход или переход внутри сайта (и загрузите кучу лишних данных) И тд и тп. в шляпу превращается в общем то

Я до конца не понял проблему, почему просто не вытащить const { div } = html; ?

Никто не ожидал крупных изменений во фронтенде, и вот опять

Звучит как мертворождённый проект. В общем удачи бизнесам

Частые изменения признак незрелости.

виртуальную машину активируют только после оплаты 100р на счет. это уже не бесплатно.

Привет, купил доступ в бусти, в тг каналы зайти не могу, хотел в академии позаниматься, как быть ?

имхо flutter лучше, производительнее, доки удобнее в разы. Да и dev-инструменты не такие глюченые как в react-native. Мне кажется разрабы Native свернули не туда..

Ну для себя я понял, что надо больше писать на js, слишком много изменений.

В пізду реакт . На php spa можна делать.

как же я рад что выбрал именно vue своим фреймворком....какая же срань вашш реакт...

Это все круто, но проектов с 16 реактом тьма, никто не будет поднимать версию ради этих фич, в стартапах и небольших проектов на коленки это все здорово, но для нормального энтерпрайза этот use server нахер не нужен, а про обращение в базу на клиентской стороне, вообще молчу(бред)))

О ДИВНЫЙ РЕАКТ

что за средние зарплаты в 500к на разработчика?

ну у РН дохерища проблем, никто не станет менять шило на мыло, куча проблем с производительностью, долгий даже прогретый старт, огромный бандл, UI баги, флаттер он потеснить сможет если только откажется от bridge подхода

крутой контент, но пожалуйста!!! не говори веб, а говори вэб оч плохо звучит((((((((((

а мне не нравятся инлайновые стили без классов

React когда да наконец-то тебя накроют ) уже сам реакт достал со своими развитьями. Остановись так сказать Реакт))) хватит уже. Это делают потому что просто))) достаёт им кодить что то и придумывают что то чтоб этот кусок не делать либо просто заработать на курсах деньги и новички больше захотели учится и платить деньги *)

Из 14 минут реклама 2 минуты 🤦

Самый попсовый и беспонтовый фреймворк

реакт это какая-то легаси фигня

Блин, много воды в видео

vue умер(

В РФ уже каждый второй проект стартует на vue. React должен уйти на свалку истории.

Проснитесь, в РФ бизнес не рассматривает костыли типа реакта, в корпоративной среде проблемы 3в1 нет, потому что под все платформы можно в одно лицо писать на 1С уже лет 10 как, там даже код дорабатывать не надо почти, только скомпилить в нативные приложения в apk или iOS app

Я плачу за ютуб премиум, чтоб потом 5 минут слушать эту дичь про клауд ру?

Какая херня ваш веб...

Как будто бы такое себе обновление. Создаётся впечатление, что разделение ответственности жёстко и надолго послано куда глаза глядят. Из инструмента для ui получается какой-то швейцарский нож сомнительного качества

Как хорошо, что я перестал быть вротендером и свитчнулся в бекенд ❤