Тёмный

Обновления React 18 - что и как 

Михаил Непомнящий
Подписаться 67 тыс.
Просмотров 22 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 51   
@Антон-ю2п6е
@Антон-ю2п6е 2 года назад
Для меня Михаил просто стал открытием, несравнимая ни с чем подача! Низкий поклон!
@suslikest3708
@suslikest3708 2 года назад
Отличный урок/обзор!
@gamspi9591
@gamspi9591 Год назад
спасибо большое за контент! ты один из лучших ютуберов в ру сигменте! ты помог мне лучше понять некоторые вещи в программировании. большое тебе спасибо!
@ekuzovlev
@ekuzovlev 2 года назад
Спасибо за обзор!
@maksymkyryliuk492
@maksymkyryliuk492 2 года назад
Спасибо за труд, очень полезное видео1
@AlexVanStrider
@AlexVanStrider 2 года назад
спасибо за видео! кстати, не обязательно делать Suspense каждому роуту, можно все роуты одним обернуть, если предполагается одинаковый фоллбек
@irinal7766
@irinal7766 Год назад
Как всегда полезное видео!
@igorgolub2385
@igorgolub2385 2 года назад
Спасибо, Михаил!
@user-888azim-97
@user-888azim-97 Год назад
понравилось)
@sivkaburka1062
@sivkaburka1062 2 года назад
Досмотрел до конца
@Andrew-xc9fh
@Andrew-xc9fh 2 года назад
Спасибо большое)
@trueman8413
@trueman8413 2 года назад
Лайк!
@yuliiapanchenko2520
@yuliiapanchenko2520 2 года назад
и ChartJs не совместим еще с новой версией React. Так что нужно вернуться к 17 версии, если нужно использовать Chart)
@АлександрМелянюк-ц9ю
Спасибо! Какое-нибудь приложенице бы или сайтец забабахать)))
@vladvoloshenko5701
@vladvoloshenko5701 2 года назад
спасибо)
@leniyuva3290
@leniyuva3290 2 года назад
Спасибо за ваши видео, у меня вопрос, есть ли смысл проходить ваш курс по реакт, учитывая, что он о 17 версии?
@mishanep
@mishanep 2 года назад
Приветствую! Да, безусловно =) Во-первых, принципиальной разницы с точки зрения функционала нет, а базовые принципы не менялись. Во-вторых, большинство действующих проектов еще не скоро перейдет на 18-ю версию =) Для Реакта было принципиальное изменение, когда появились хуки. С тех пор - точечные улучшения.
@sobakastar_proba
@sobakastar_proba 2 года назад
При запуске create-react-app приходится дополнительно устанавливать Web Vitals. Запустил на этом этапе, не пришлось ничего менять дальше.
@andrewsmal5173
@andrewsmal5173 2 года назад
Михаил, я буду максимально вам признателен если вы сделает курс посвящённый Firebase особенно Firebase security
@mishanep
@mishanep 2 года назад
Можно не спамить одинаковыми сообщениями в разных видео)) Для автора комментарии отображаются единой лентой. Касаемо Firebase, я с ним знаком весьма поверхностно и в ближайшее время курса по нему записывать не планирую. Обычно полноценные курсы я делаю только по инструментам, которые использую на работе и хорошо знаю.
@andrewsmal5173
@andrewsmal5173 2 года назад
​@@mishanep Приношу извинение на счет спама
@iGotton
@iGotton 2 года назад
Thx
@Leon-rv2zm
@Leon-rv2zm 2 года назад
поддерживаю! комментирую!
@СергейПрокопчук-н9к
Михаил , вы слышали про стейт менеджер Effector? Если да, то не собираетесь сделать про него обзор/курс ?
@mishanep
@mishanep 2 года назад
Про Effector слышал, в основном хорошее =) Но никогда всерьез не ковырял. Пока обзор не планирую, но хочется до него добраться.
@СергейПрокопчук-н9к
@@mishanep да, он реально крут и удобен, надеюсь, он будет в скором времени популярен, потому что редакс по сравнению с ним "курит в сторонке") и он отечественного производства))
@Armas0n
@Armas0n 2 года назад
@@mishanep Появилась необходимость изучить эффектор некоторое время назад, так как часть рабочего проекта на нём. Полное изучение с полного нуля с последующим максимальным пониманием data-flow внутри библиотеки и разбором большинства примеров на их сайте заняло 4 дня по 5 часов чтения доки в день. Для ориентира)
@ВладимирЛитовченко-ш3н
спасибо большое за контент! Хотел вопрос, если у меня такой код, как я должен использовать Suspense и lazy export const routesPublicUser = ( { publicRoutes.map(rout => ) } );
@mishanep
@mishanep Год назад
Недавнее видео по Suspense и lazy не даёт ответа?
@____Olga__
@____Olga__ 2 года назад
🙌❤
@ДанилГребнев-о7с
@ДанилГребнев-о7с 2 года назад
Михаил. Прошу ответить. Очень сильно хочу купить ваши курсы на Udemy, но не могу этого сделать, потому что запрещена покупка курсов из России. Можете ли вы помочь решить этот вопрос?
@mishanep
@mishanep 2 года назад
У авторов на юдеми нет возможности вручную записывать людей на платные курсы. Бесплатные купоны для России сейчас тоже не проходят. Поэтому могу предложить Stepik в качестве альтернативы. До конца лета там на всех курсах должен работать купон VERANO22
@user62763
@user62763 2 года назад
Здравствуйте Михаил, раньше у вас была ссылка на консультацию, сейчас данная функция возможна? У меня немного, просто обзор учебных проектов для портфолио, некоторые являются дочерними ваших проектов на ютубе. Единственные проблемы могут возникнуть в оплате...
@mishanep
@mishanep 2 года назад
Приветствую. Во вкладке "О канале" есть моя почта, напишите весточку туда с запросом на консультацию, пожалуйста.
@elenapetina4862
@elenapetina4862 2 года назад
Михаил, прежде всего - огромное спасибо за ваш блог- очень полезен и помог гладко перейти в 18v и решить другие вопросы! Вторым делом, хочу спросить вас: повлияло ли как то обновление реакта на закрытие ресурсов после их использования? Дело в том что используя v18, я пытаюсь закрыть ресурсы в class component следующим способом: componentWillUnmount(){ this.unsubscribe();} и получаю Uncaught TypeError: this.unsubscribe is not a function. Никак не могу докапаться до причины, просторы гугла исчерпаны.. быть может вы знаете? (Для полной картины: в componentDidMount() всего лишь подписываюсь на обновления ап-стэйта от Редакса. Аналогичная ошибка возникает и в другой компоненте, так же, при отписке: componentWillUnmount(){ this.unsubscribe();} )
@mishanep
@mishanep 2 года назад
Здравствуйте. А откуда на уровне this берётся unsubuscribe? Это метод того же класса?
@elenapetina4862
@elenapetina4862 2 года назад
@@mishanep Здравствуйте🙂. Это приватная переменная типа Unsubscribe.
@elenapetina4862
@elenapetina4862 2 года назад
Я пишу по тьюториалу, и в нем такой же код работает на Реакт v17. (Там тьютор закрывает ресурсы именно таким способом, отписываясь на изменения в ап-стейте), так как в componentDidUnmount() он подписался на эти изменения.
@elenapetina4862
@elenapetina4862 2 года назад
@@mishanepСпасибо огромное за обратную связь😀🙏
@mishanep
@mishanep 2 года назад
Сложно так, не видя код строить догадки. Вообще, на классах сейчас почти не пишут, они громоздки и тяжелее декопозируются. В функциональных компонентах нет понятия приватности :) в любом случае ошибка говорит, что такого свойства нет. Можно законсолить, что есть this при размонтировании.
@mars_family
@mars_family 2 года назад
У меня при создании npx crate react-app , устанавливается 18 версия реакта но со старым методом монтирование реакт.дом, это глюк нужно немного подождать ?
@mishanep
@mishanep 2 года назад
Скорее всего глюк. Я пока не пользовался этой утилитой после выхода новой версии. Надо попробовать.
@enmaboya
@enmaboya 2 года назад
нет, в create react app старый метод монтирования, он вполне работает ну и заменить - пары секунд
@Exigoll92
@Exigoll92 2 года назад
аналогично) руками переписал и все
@mishanep
@mishanep 2 года назад
@Maks Насколько я понимаю, старый способ тоже может быть уместен. Но он не позволит использовать улучшения, которые были сделаны. Почему конкретно axios не работает, сложно сказать.
@mishanep
@mishanep 2 года назад
@Maks нет, не обзавелся в силу нехватки времени. Все чаты, где сам состою - на mute. Не хватает времени всё читать.
@gatrianL
@gatrianL 2 года назад
Если в новом React есть ssr то next уже больше не нужен?
@mishanep
@mishanep 2 года назад
В старом Реакте тоже был ssr =) По факту в библиотеке ReactDOM есть метод для статического рендеринга. Просто надо всё самим писать. NextJS предлагает нам свою абстракцию для рендеринга. Ну и помимо обычного статического рендеринга, там есть альтернатива.
@vaheavetisyan1643
@vaheavetisyan1643 2 года назад
Спасибо вам большое
Далее
React и TypeScript - Быстрый Курс
1:40:52
Просмотров 351 тыс.
Самая сложная маска…
00:32
Просмотров 747 тыс.
НОВЫЙ REACT 18 ВЫШЕЛ
20:55
Просмотров 108 тыс.
Тестирование React приложения
1:03:02
React Query. Быстрый старт
30:09
Просмотров 50 тыс.