Учим useMemo за 10 минут - React Hooks

  Рет қаралды 15,954

Влад Калачев - JavaScript уроки

Влад Калачев - JavaScript уроки

Күн бұрын

В этом видео я расскажу все, что вам нужно знать для начала работы с useMemo. Данное видео продолжает серию уроков React Hooks.
00:00:00 Вступление
00:00:33 React.memo
00:03:08 useMemo
Видео о useState:
➞ goo.su/2i0S
Видео о useEffect:
➞ goo.su/2i0t
Учим React хуки (плейлист):
➞ goo.su/2I0t
Мой сайт (статья по теме):
➞ webtricks-master.ru/reactjs/u...
Подписывайся на соц сети:
➞ Telegram: t.me/joinchat/AAAAAFCDAQ8UfC9...
➞ Instagram: / corvaxv
➞ VK: vladislavkalachov
➞ Группа VK: corvaxweb
➞ Мой github: github.com/VladKalachev
Исходный код:
➞ github.com/VladKalachev/react...
#react #reacthooks #useMemo

Пікірлер: 33
@-javascript2665
@-javascript2665 3 жыл бұрын
00:00:00 Вступление 00:00:33 React.memo 00:03:08 useMemo
@bbj1061
@bbj1061 2 жыл бұрын
Очень приятно смотреть такие видео, без лишней суеты и 1000 лишних слов. Коротко и доступно. Спасибо за уроки
@user-xc5xp2pr8z
@user-xc5xp2pr8z 3 жыл бұрын
Добрый день! Не понимаю почему нельзя useEffect использовать вместо Usememo? Можно также подписаться на изменение State
@denpulokas592
@denpulokas592 3 жыл бұрын
Автор молодец! Все доступно объяснил, спасибо!
@TakuatChanel
@TakuatChanel 3 жыл бұрын
Четко и по делу, самородок)
@archik91
@archik91 3 жыл бұрын
Молодчина!!! Все хорошо объясняешь.
@dev.engineering
@dev.engineering 2 жыл бұрын
спасибо Влад) очень понятно объяснил, лайк лайк ++
@topstertx0536
@topstertx0536 2 жыл бұрын
setState - это асинхронная операция, поэтому использовать надо было следующую запись для корректной работы этого хука setNum(num => num + 1), где num это предыдущее состояние
@astkh4381
@astkh4381 2 жыл бұрын
Также как и setState в классовом?
@HoshiramaSensei
@HoshiramaSensei 3 жыл бұрын
Спасибо, Влад)
@sfybskot
@sfybskot 2 жыл бұрын
Спасибо за понятное объяснение!
@peterpanner9842
@peterpanner9842 2 жыл бұрын
спасибо огромное! отлично объяснили хук!
@nickdronov7117
@nickdronov7117 3 жыл бұрын
Дай бог тебе здоровья.
@user-rg8wz2rt9e
@user-rg8wz2rt9e 3 жыл бұрын
Спасибо! Ещё больше нужно уроков по React! React Native тоже интересно! Объясните подробно как применять persistor или альтернативы!
@timurakhalaya6289
@timurakhalaya6289 3 жыл бұрын
лайк за клаву)
@kkirill67
@kkirill67 3 жыл бұрын
Красава)) Запили ролик про TypeScript + React.js
@bigenough2122
@bigenough2122 3 жыл бұрын
Да, было бы интересно
@-javascript2665
@-javascript2665 3 жыл бұрын
В ближайшем будущем думаю осветить данную тему и записать пару роликов по разработки приложений на TypeScript и React. Спасибо за идею!)
@bigenough2122
@bigenough2122 3 жыл бұрын
@@-javascript2665 ещё о next.js интересно было бы узнать и о ssr) думаю у тебя очень доходчиво получится объяснить
@user-qj2yg1rn3j
@user-qj2yg1rn3j 3 жыл бұрын
@@-javascript2665 Здравствуйте! Ближайшее будущее уже прошло или еще не наступило?
@murad40
@murad40 3 жыл бұрын
8:00 подскажите плиз почему в консоли 1-ца выводится дважды??
@3aQaRyAn
@3aQaRyAn Жыл бұрын
не смотрел видео, но возможно за стрикт мод)
@unknownWakeborder
@unknownWakeborder 3 жыл бұрын
Очень доступно и наглядно. Большое спасибо! И подскажи пожалуйста, почему сразу не импортиш хуки в шапке и вызываешь их постоянно через React.? Это вкусовщина или тут есть какой-то профит?
@-javascript2665
@-javascript2665 3 жыл бұрын
Подвоха нет. Это больше про код стайл и соглашения в командах. Использовать деструктуризацию (ES6) или вызвать хук из React через точку (как в ES5) абсолютно одинаковое решение с точки зраения перфоманса. Можешь использовать оба варианта, главное единообразие в стиле кода.
@unknownWakeborder
@unknownWakeborder 3 жыл бұрын
@@-javascript2665 Спасибо за ответ) Я потом попал на следующий видос и там уже была деструктуризация и я успокоился) А спросил потому, что все материалы что я изучал были с деструктуризацией и мне не разу не попадался вариант вызова ES5.
@grigorymelisov1028
@grigorymelisov1028 Жыл бұрын
тим лид) музаза , На плюсик нажимает и 0 => 2 класс
@onemoreua
@onemoreua 2 жыл бұрын
хех, хорошо что уточнил что работаешь в московкой компании)
@RomanH91
@RomanH91 2 жыл бұрын
В чем разница между useMemo и useEffect ? В useEffect можно также прописать зависимость в квадратных скобках и не будет ре рендеринг происходить. Или я что-то путаю?
@pie_company
@pie_company Жыл бұрын
useMemo запрещает использования ккода а useEffect перерендеривает по зависимости. если как вы хотите передать в эффект [num] то это будет как в случае ролика. но тут 2 состояния.их может быть много. потому было бы удобнее сделать каждое состояние мемоизированным, чем городить юзЭффекты которые ассинхронны и требуют дольшего времени
@timurakhalaya6289
@timurakhalaya6289 3 жыл бұрын
ну и давай уже диструктуризацию используй
@aysommer
@aysommer 3 жыл бұрын
Над речью нужно поработать, слушать неприятно. Ещё можно код крупнее сделать, с телефона, например, видно плохо все.
@ddrdeveloper
@ddrdeveloper 3 жыл бұрын
так ты еще со смарт часов начни смотреть
Learn React Hooks: useMemo - Simply Explained!
13:41
Cosden Solutions
Рет қаралды 85 М.
#4: React Hooks - useMemo + React.memo
25:38
Archakov Blog
Рет қаралды 70 М.
39kgのガリガリが踊る絵文字ダンス/39kg boney emoji dance#dance #ダンス #にんげんっていいな
00:16
💀Skeleton Ninja🥷【にんげんっていいなチャンネル】
Рет қаралды 7 МЛН
Looks realistic #tiktok
00:22
Анастасия Тарасова
Рет қаралды 104 МЛН
БОЛЬШОЙ ПЕТУШОК #shorts
00:21
Паша Осадчий
Рет қаралды 11 МЛН
Learn React Hooks: useCallback - Simply Explained!
17:15
Cosden Solutions
Рет қаралды 79 М.
Учимся использовать useMemo, useCallback и React.memo | подводные камни | JavaScript, React
37:25
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 24 М.
#2: React Hooks | Реакт Хук useEffect за 10 минут | React Hook useEffect
10:55
Типичный Веб Разработчик
Рет қаралды 2 М.
Учим useRef за 7 минут - React Hooks
6:26
Влад Калачев - JavaScript уроки
Рет қаралды 12 М.
Учим useContext за 10 минут - React Hooks. Вся база React Context API
10:16
Влад Калачев - JavaScript уроки
Рет қаралды 25 М.
Micro-Frontends in Just 10 Minutes
11:00
Jack Herrington
Рет қаралды 222 М.
Learn React Hooks: useEffect - Simply Explained!
14:07
Cosden Solutions
Рет қаралды 125 М.
39kgのガリガリが踊る絵文字ダンス/39kg boney emoji dance#dance #ダンス #にんげんっていいな
00:16
💀Skeleton Ninja🥷【にんげんっていいなチャンネル】
Рет қаралды 7 МЛН