А для чего пишем предыдущее значение в useState такой записью onChange={(e) => setData((prev) => ({ ...prev, name: e.target.value }))} ? Типа перезаписанный объект уже будет хранить и новое и старое значение?
в твоей дате может быть и не одно свойство, а изменить ты хочешь только одно, по этому ты сначала всю старую дату распаковываешь, а потом меняешь в ней(перезаписываешь) нужное свойство
Привет, спасибо за крутую подборку, некоторые реально упростили жизнь! Я бы только посоветовал немного исправить хук useActions, добавить в него useMemo вот так export const useActions = () => { const dispatch = useDispatch(); return useMemo(() => bindActionCreators(allActions, dispatch), [dispatch]) } Тогда экшены из него можно будет использовать внутри useEffect, добавлять их в зависимости и это не повлечет за собой бесконечный ререндер компонента. Столкнулся с этим недавно
Приветствую. Не знал где задать вопрос, но в этом ролике упоминалось про спонсорство и решил задать его тут. Я пишу свое приложение и параллельно изучаю React Native и близкие к нему технологии, которые мне необходимы в моем приложении. Информации много, изучаю, за что в т.ч. спасибо и твоим роликам. Но пытаясь применить некоторые примеры, найденные в интернете или переделать их под нужды своего приложения периодически сталкиваюсь с проблемами, которые не удается решить быстро (отсутствие опыта все же дает о себе знать). Но решив все же задачу я понимаю, что ответ был на поверхности и вместо нескольких дней его можно было решить за 5-10 минут и заниматься уже другой частью функционала приложения. Суть вопроса: возможно тебе будет интересен формат спонсорства, по которому с тобой можно будет связаться, проконсультироваться, продемонстрировать проблему в коде и совместно с тобой ее устранить? Скажем так "онлайн-поддержка в разработке".
Добрый день. Ты можешь написать мне на почту 8555234@gmail.com, но сразу скажу будет дорого. Так как времени очень мало. Если не готов платить, лучше не пиши. Да это правда, что ты описываешь, но я к примеру сам ко всему приходил и когда ты сам к чему то приходишь без помощи, оно лучше сохраняется в голове. (Мое мнение)
Тут многим все нравится, но лично мне тяжело воспринимать автора. Очень скомкано и будто бы автор куда-то спешит. В итоге я хорошо понял из видео только те хуки, которые уже разбирал. Хотя я даже перематывал. Сомнительно.
Был у меня проект где чуваки-индусики использовали встроенные SSR ReactA (не Nest.js) и useLayoutEffect помогает очень быстро до прорисовки компонентов получить данные и после полной прорисовки их можно намного быстрее зарендерить. Даже при получении обычных данных с сервера это прикольная фича. Клиент жаловался на долгий рендер и благодаря этому хуку получилось рендерить быстрее.
а можешь пожалуйста разобрать на видео как запрашивать разрешения на использование координат/камеры/файлы я не могу разобраться, делаю приложение погоды и понять не могу как получить место положение и разрешение использования
🔥 Оформить премиум подписку - htmllessons.ru/premium?
Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
Скачать 🖥 исходник проекта в нашем хранилище - htmllessons.ru/storage#storage_file_37
Тайм коды:
00:00 - Начало
00:50 - Установка проекта
04:09 - useState
09:07 - useState (TypeScript)
10:02 - useEffect
12:12 - useLayoutEffect + useRef
14:47 - useRef (TypeScript)
15:18 - useMemo
16:33 - useCallback
17:12 - useDebugValue
19:35 - useReducer
26:10 - useContext
30:00 - useAuth
30:43 - useSelector
32:31 - useTypedSelector
33:30 - useDispatch
34:18 - useActions
35:11 - useLocalStorage
40:53 - useOutside
43:01 - useInput
47:14 - useCookie
54:18 - useFetch
58:45 - Спасибо за просмотр!
понятное объяснение + автор осветил важные практические моменты
Класс! Действительно необычный метод преподавания. Это как раз мой стиль, мне нравится.
Рад слышать!
Класс! 👍 Очень подробно и понятно! ❤️❤️❤️
А для чего пишем предыдущее значение в useState такой записью onChange={(e) => setData((prev) => ({ ...prev, name: e.target.value }))} ? Типа перезаписанный объект уже будет хранить и новое и старое значение?
в твоей дате может быть и не одно свойство, а изменить ты хочешь только одно, по этому ты сначала всю старую дату распаковываешь, а потом меняешь в ней(перезаписываешь) нужное свойство
@@tontontonic Понял, спасибо
Наши волки делают - Ауфф!
22:20 нужно добавить return i в блок с case 'UNCOMPLETE', как это сделано в 'COMPLETE'
Согласен, только потом заметил. Спасибо
Лайк поставился автоматически, можно приступать к просмотру 🙏✌️
Очень понравилось. Топ!🔥
Можешь тему подсказать?
Andromeda вроде
то что нужно, спасибо тебе!
Привет, спасибо за крутую подборку, некоторые реально упростили жизнь! Я бы только посоветовал немного исправить хук useActions, добавить в него useMemo вот так
export const useActions = () => {
const dispatch = useDispatch();
return useMemo(() => bindActionCreators(allActions, dispatch), [dispatch])
}
Тогда экшены из него можно будет использовать внутри useEffect, добавлять их в зависимости и это не повлечет за собой бесконечный ререндер компонента. Столкнулся с этим недавно
Привет, рад слышать. Спасибо за идею, частично для этого я и развиваю канал, чтобы обмениваться опытом.
Четко четко ) 151-й лайк
Большой респект тебе!
👍👍
Как тут не лайкнуть?)
Лайк авансом
Приветствую. Не знал где задать вопрос, но в этом ролике упоминалось про спонсорство и решил задать его тут.
Я пишу свое приложение и параллельно изучаю React Native и близкие к нему технологии, которые мне необходимы в моем приложении.
Информации много, изучаю, за что в т.ч. спасибо и твоим роликам.
Но пытаясь применить некоторые примеры, найденные в интернете или переделать их под нужды своего приложения периодически сталкиваюсь с проблемами, которые не удается решить быстро (отсутствие опыта все же дает о себе знать). Но решив все же задачу я понимаю, что ответ был на поверхности и вместо нескольких дней его можно было решить за 5-10 минут и заниматься уже другой частью функционала приложения.
Суть вопроса: возможно тебе будет интересен формат спонсорства, по которому с тобой можно будет связаться, проконсультироваться, продемонстрировать проблему в коде и совместно с тобой ее устранить? Скажем так "онлайн-поддержка в разработке".
Добрый день. Ты можешь написать мне на почту 8555234@gmail.com, но сразу скажу будет дорого. Так как времени очень мало. Если не готов платить, лучше не пиши. Да это правда, что ты описываешь, но я к примеру сам ко всему приходил и когда ты сам к чему то приходишь без помощи, оно лучше сохраняется в голове. (Мое мнение)
Что это за IDE, если не секрет?
Vs code
visual studio code
Тут многим все нравится, но лично мне тяжело воспринимать автора. Очень скомкано и будто бы автор куда-то спешит. В итоге я хорошо понял из видео только те хуки, которые уже разбирал. Хотя я даже перематывал. Сомнительно.
Старое видео, уже лучше подача
@@REDGroup не сомневаюсь
Браво! 👏👏👏У тебя безусловно талант! 👍👍👍
скажите название темы для vs code из видео
Я думаю andromeda, но это не точно
Сразу спасибо на автомате, надо как раз сейчас хуки и редакс основы понять)
Спасибо тебе огромное за такой супер топовый контент🖤🤘🏿
Был у меня проект где чуваки-индусики использовали встроенные SSR ReactA (не Nest.js) и useLayoutEffect помогает очень быстро до прорисовки компонентов получить данные и после полной прорисовки их можно намного быстрее зарендерить. Даже при получении обычных данных с сервера это прикольная фича.
Клиент жаловался на долгий рендер и благодаря этому хуку получилось рендерить быстрее.
Спасибо большое за контент. То что нужно! лайк!
Супер, классные примеры!
а можешь пожалуйста разобрать на видео как запрашивать разрешения на использование координат/камеры/файлы
я не могу разобраться, делаю приложение погоды и понять не могу как получить место положение и разрешение использования
Может быть сделаю в будущем
Привет, что за цветовая тема?
Привет, andromeda
@@REDGroup так быстро ещё никто не отвечал))) спасибо.
Можно видео как типизировать редакс тулкит или МобX? Ладно реакт типизировать еще можно по доке, но стейт менеджеры типизировать очень тяжело.
Посмотрим, просто это очень узкая тема, на мой взгляд там ничего сложного, опять же дока есть
@@REDGroup Хорошо, спасибо макс.
@@REDGroup Может тогда ролик о типизации реакта?)
У меня был быстрый курс по TypeScript там в конце есть типизация React, можете посмотреть