Вероятно, последнее горизонтальное видео в этом году Рассказал про новые хуки в React 19 Исходники в телеграм канале: t.me/js_by_vladilen/1037 Полная программа до Middle Frontend разработчика: result.school/frontend-developer Приятного просмотра!
Пример с *use* неправильный. При создании промиса вне компонента запрос будет отправлен в момент выполнения JS-кода, а не во время рендеринга компонента. Чтобы это исправить, необходимо получать промис от родительского элемента. В клиентских компонентах ('use client') это неудобно, так как промис нужно где-то хранить, чтобы он не изменялся, пока существует компонент. Эта проблема решается, если родительский компонент является серверным
Немного не понял. useOptimistic: 1) Зачем нам в качестве первого аргумента передавать стейт из useState, почему бы просто не передать литерал массива? 2) Как useOptimistic меняет статус запроса, мы ведь для этого ничего не написали, только pending:false? 3) Зачем нам остался нужен messages? Мы его не выводим, а только сеттим в action и передаем в useOptimistic?
Спасибо за контент) но я так и не понял, компилятор завезли по итогу в 19 версии(как раз чтобы не пользоваться useMemo)? В доке по 19 версии вроде ничего на этот счет не написано
Мемоизацией и так можно особо не пользоваться. Она нужна только в двух случаях: 1. Оптимизация тяжёлых вычислений. В смысле реально тяжёлых, когда ты лаги можешь заснять на видео 2. Либо если нужно функцию, объект или массив (не примитивы) использовать в useEffect, и при этом нет возможности вынести это за компонент или поместить в сам useEffect Оба кейса довольно редкие. А в остальных случаях можно вообще не думать о мемоизации, всё будет работать точно так же. Разве что кайфанёшь от гораздо более читабельного кода
Спасибо за видео. Из пожеланий хотелось бы темный фон в браузере. Ато переключение с темного редактора на светлый браузер прям бьет по глазам. Тема обработки ишибок при использовании use не раскрыта. А хотелось бы. Также интересно было бы посмотреть про валидицию форм с новым подходом. Но темный фон в браузере хотелось бы больше всего))
Так это же не проект для заработка, это просто обзор новинок. Тем более есть проекты где TS излишний если у тебя буквально там 10 компонентов по 2-3 пропса
@@1stabatvoix тогда не забудь написать полный бэк с валидацией, ведь тут были показаны запросы к фейк серверу. И еще тестами покрыть надо и доку написать. А то даже сами авторы реакта не писали отдельный проект на TS для показа фичей, негодяи 😎👍
Реакт начинают идти не в ту степь, то что они делают, начинает все меньше быть похоже на реакт. им надо в таком случае отбранчеваться и сделать отдельный фреймворк, назвав его там, не знаю, реакт-тулкит, например, без разницы. Но суть в том, что это уже начинается оверинжениринг, когда для обратной совместимости, они оставляют старое, но при этом добавляют абсолютно новые подходы. Я как реакт разраб, полностью не согласен с их текущем подходом, на 18 реакте они могли остановиться, допилив все проблемные места, такие, как реф и может быть, еще что-то, но это уже ту матч, вы только подумайте, что будет в реакт 20, так как реакт 20 это круглое число и изменения должны будут быть мажорными, тут уже от реакта останется только название. Суть самого реакта в том, что это набор функции для удобного взаимодействия с домом и создания CSR сайтов, платформ, приложений. некст это ssr и ssg пусть там это будет. В общем я не понимаю на чьем поводу они движутся, маркетинга или школьной аудитории, которая хочет все завернуть в ssr/ssg, но они забывают или тупо не хотят может видеть, что оптимизация скорости инета уже выходит на орбитальные скорости и эта грань между csr и ssr/ssg стирается все больше и больше. Прикола с формами я вообще не понял, кто-то юзает в 2024 еще чистые формы? Для кого это они сделали? для любителей пет проектов и туду листов? за видео лайк, но реакт уже не тот...
В наше время, чтобы жопа не подгорала, нужно действительно быть инженером, а не "реакт-разрабом", как бы попсово это не звучало) Это просто инструменты и нужно просто уметь использовать их. Решения бывают хорошими и не очень. Поэтому важно иметь возможность в любое время пересесть на другой инструмент, если что-то не нравится. Я сейчас на работе пишу и на реакте, и на ангуляре. Какой-то боли при просмотре видео я не испытал. Наоборот интересно наблюдать как развиваются разные технологии)
@@EveryoneIsSoParanoid красавчик, не в бровь, а в глаз. Я сам реакт-вью, с удовольствием бы пописал бы на ангуляре и свелт для расширения квалификации.
@@boenia Ну если ты планируешь "набрасываться" (hydrate) на сгенерированный код React-ом а не jQuery, то Java и Python тебе не помогут. То о чем ты говоришь - web 1.0 называется.
@@boenia насчет того что там сейчас - понятия не имею, честно но от наличия pnp в ярне и двух мажорных версиях которые обе используют до сих пор - тьфу таким пользоваться :)
Я понес столько убытков, торгуя самостоятельно. Я думаю, что реальный рынок манипулируется, потому что я хорошо торгую на демо. Может ли кто-нибудь помочь мне или сказать, что я делаю неправильно.
Ого, это здорово, действительно удивительно видеть, что другие торгуют с миссис Норой Гретой. В настоящее время я совершаю с ней уже пятую сделку, и мой портфель значительно увеличился благодаря ей.
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
Вероятно, последнее горизонтальное видео в этом году
Рассказал про новые хуки в React 19
Исходники в телеграм канале: t.me/js_by_vladilen/1037
Полная программа до Middle Frontend разработчика: result.school/frontend-developer
Приятного просмотра!
Хорошие примеры, спасибо)
наконец-то вернулся старый добрый Владилен
Спасибище за обзорище 🔥
А вот это я ждал. Спасибо !
Хороший подробный разбор новых фишек, думаю кто в теме оценят
Вполне закономерная эволюция. 0 осуждения, 100 одобрения
Сразу лайк, потом просмотр.
Поздравляю Вас с Новым годом! 🎄
Лайк, за краткий обзор 💪
Наконец то, одобрение от нововведений на все 100
Владилен поясняет за реакт, как в старые времена
spasibo
Сколько синтаксического сахара над useReducer
В 2024 году использовать create-react-app вместо vite это нечто дикое.
Очень похоже теперь на связку ангуляр + флаттер + блок (ангел)
А как же серверные компоненты, функции
Пример с *use* неправильный.
При создании промиса вне компонента запрос будет отправлен в момент выполнения JS-кода, а не во время рендеринга компонента.
Чтобы это исправить, необходимо получать промис от родительского элемента. В клиентских компонентах ('use client') это неудобно, так как промис нужно где-то хранить, чтобы он не изменялся, пока существует компонент. Эта проблема решается, если родительский компонент является серверным
жесть как неудобно
Да просто надо было в функцию обернуть fetch, вот и всё
поверхностно
В 2024 году использовать дефолт экспорты это нечто дикое.
Немного не понял. useOptimistic:
1) Зачем нам в качестве первого аргумента передавать стейт из useState, почему бы просто не передать литерал массива?
2) Как useOptimistic меняет статус запроса, мы ведь для этого ничего не написали, только pending:false?
3) Зачем нам остался нужен messages? Мы его не выводим, а только сеттим в action и передаем в useOptimistic?
Поздравляю с выходом React 19!)) Как раз разбираюсь с новыми фичами) Спасибо, Владилен 🤝
Работаем! 🦾🐗
нам наконец-то больше не нужен react-hook-form? или по функционалу всё равно недотягивает?
Валидации пока так и не подвезли нативные
@@VladilenMinin а ты в итоге больше чем предпочитаешь пользоваться ? Реактом или Вью 3?
formik + yup
@@boeniaЯ тоже с этого начинал, но формик не развивается и в памяти лишь у "дедов". А молодежь юз хук формс и зод пользует. Чего и вам советую))
@@rvirgorn фигасе, у дедов? Я только что с ним познакомился, в сейчас лет)
Когда видосы по Vue 3? Например, по созданию чего либо
А это использовать всё с react hook form, tanstack query ?
Спасибо за контент) но я так и не понял, компилятор завезли по итогу в 19 версии(как раз чтобы не пользоваться useMemo)? В доке по 19 версии вроде ничего на этот счет не написано
Мемоизацией и так можно особо не пользоваться. Она нужна только в двух случаях:
1. Оптимизация тяжёлых вычислений. В смысле реально тяжёлых, когда ты лаги можешь заснять на видео
2. Либо если нужно функцию, объект или массив (не примитивы) использовать в useEffect, и при этом нет возможности вынести это за компонент или поместить в сам useEffect
Оба кейса довольно редкие. А в остальных случаях можно вообще не думать о мемоизации, всё будет работать точно так же. Разве что кайфанёшь от гораздо более читабельного кода
Привет, а можешь сделать еще канал в вквидео и дублировать туда? Ютуб часто фигово работает, хотелось бы иметь выбор)
Да, все ссылки даю в тг канале
Иди отсюда дура позорная на своё вк 💩💩💩
Спасибо за видео. Из пожеланий хотелось бы темный фон в браузере. Ато переключение с темного редактора на светлый браузер прям бьет по глазам. Тема обработки ишибок при использовании use не раскрыта. А хотелось бы. Также интересно было бы посмотреть про валидицию форм с новым подходом. Но темный фон в браузере хотелось бы больше всего))
Жалко написано не на TS, у меня возникли трудности 🙃
Второй)
В 2024 веке не использовать TypeScript это нечто дикое.
Так это же не проект для заработка, это просто обзор новинок. Тем более есть проекты где TS излишний если у тебя буквально там 10 компонентов по 2-3 пропса
Не знаю как там в 2024 веке, но в нашем 21 нормально, если ты делаешь демо проект, чтобы показать фичи 😎👍
@@1stabatvoix тогда не забудь написать полный бэк с валидацией, ведь тут были показаны запросы к фейк серверу. И еще тестами покрыть надо и доку написать. А то даже сами авторы реакта не писали отдельный проект на TS для показа фичей, негодяи 😎👍
@@nikman5541 вы не так поняли мой посыл. :-)
Реакт начинают идти не в ту степь, то что они делают, начинает все меньше быть похоже на реакт. им надо в таком случае отбранчеваться и сделать отдельный фреймворк, назвав его там, не знаю, реакт-тулкит, например, без разницы. Но суть в том, что это уже начинается оверинжениринг, когда для обратной совместимости, они оставляют старое, но при этом добавляют абсолютно новые подходы. Я как реакт разраб, полностью не согласен с их текущем подходом, на 18 реакте они могли остановиться, допилив все проблемные места, такие, как реф и может быть, еще что-то, но это уже ту матч, вы только подумайте, что будет в реакт 20, так как реакт 20 это круглое число и изменения должны будут быть мажорными, тут уже от реакта останется только название. Суть самого реакта в том, что это набор функции для удобного взаимодействия с домом и создания CSR сайтов, платформ, приложений. некст это ssr и ssg пусть там это будет. В общем я не понимаю на чьем поводу они движутся, маркетинга или школьной аудитории, которая хочет все завернуть в ssr/ssg, но они забывают или тупо не хотят может видеть, что оптимизация скорости инета уже выходит на орбитальные скорости и эта грань между csr и ssr/ssg стирается все больше и больше. Прикола с формами я вообще не понял, кто-то юзает в 2024 еще чистые формы? Для кого это они сделали? для любителей пет проектов и туду листов? за видео лайк, но реакт уже не тот...
В наше время, чтобы жопа не подгорала, нужно действительно быть инженером, а не "реакт-разрабом", как бы попсово это не звучало) Это просто инструменты и нужно просто уметь использовать их. Решения бывают хорошими и не очень. Поэтому важно иметь возможность в любое время пересесть на другой инструмент, если что-то не нравится.
Я сейчас на работе пишу и на реакте, и на ангуляре. Какой-то боли при просмотре видео я не испытал. Наоборот интересно наблюдать как развиваются разные технологии)
ssr возможен тоько на ноде? а если бэк джава или пайтон?
@@EveryoneIsSoParanoid красавчик, не в бровь, а в глаз. Я сам реакт-вью, с удовольствием бы пописал бы на ангуляре и свелт для расширения квалификации.
@@boenia Ну если ты планируешь "набрасываться" (hydrate) на сгенерированный код React-ом а не jQuery, то Java и Python тебе не помогут. То о чем ты говоришь - web 1.0 называется.
@@daedaliusX не понял. Гидратирование же только с нодой работает, не?
js? на реакте в 2025 ?????????????????/?
Первый, жду медальку
🏅 Воть)
Этого мало. Надо основать религию в честь @sako1313
Прочитал документацию , вообще не то он рассказывает !!!! const [error, submitAction, isPending] = useActionState Это вообще не стейт
Это и не стейт, это хук
В 2024 году не использовать pnpm это нечто дикое.
чем он лучше yarn?
@@boenia насчет того что там сейчас - понятия не имею, честно
но от наличия pnp в ярне и двух мажорных версиях которые обе используют до сих пор - тьфу таким пользоваться :)
@@god_of_gods не понял, лучше не пользоваться ярном и нпм, потому что они оба под капотом используют тот же пнпм?
@@boenia pnpm с нуля написан, npm тоже, yarn тоже
@@boenia а нпм до сих пор я вижу не умеет в воркспейсы, так что им в серьезных проектах пользоваться просто не выйдет
Люблю ваши видосы. Но на этот раз не то. Слишком много ненужных переходов вверх и вниз. Попробуй снова если можно и детально
Я понес столько убытков, торгуя самостоятельно. Я думаю, что реальный рынок манипулируется, потому что я хорошо торгую на демо. Может ли кто-нибудь помочь мне или сказать, что я делаю неправильно.
Как можно узнать профессионального трейдера, которому можно доверять, если настоящих трейдеров в наши дни найти трудно?
Ого, это здорово, действительно удивительно видеть, что другие торгуют с миссис Норой Гретой. В настоящее время я совершаю с ней уже пятую сделку, и мой портфель значительно увеличился благодаря ей.
Спасибо за контактную информацию, я только что написала ей и надеюсь, что она скоро мне ответит.
Перекличка ботов-додиков окончена 😂
@@andreyzhukov2821 Ахпххппхпхпхпххп