Был у меня проект где чуваки-индусики использовали встроенные SSR ReactA (не Nest.js) и useLayoutEffect помогает очень быстро до прорисовки компонентов получить данные и после полной прорисовки их можно намного быстрее зарендерить. Даже при получении обычных данных с сервера это прикольная фича. Клиент жаловался на долгий рендер и благодаря этому хуку получилось рендерить быстрее.
А для чего пишем предыдущее значение в useState такой записью onChange={(e) => setData((prev) => ({ ...prev, name: e.target.value }))} ? Типа перезаписанный объект уже будет хранить и новое и старое значение?
в твоей дате может быть и не одно свойство, а изменить ты хочешь только одно, по этому ты сначала всю старую дату распаковываешь, а потом меняешь в ней(перезаписываешь) нужное свойство
а можешь пожалуйста разобрать на видео как запрашивать разрешения на использование координат/камеры/файлы я не могу разобраться, делаю приложение погоды и понять не могу как получить место положение и разрешение использования
Приветствую. Не знал где задать вопрос, но в этом ролике упоминалось про спонсорство и решил задать его тут. Я пишу свое приложение и параллельно изучаю React Native и близкие к нему технологии, которые мне необходимы в моем приложении. Информации много, изучаю, за что в т.ч. спасибо и твоим роликам. Но пытаясь применить некоторые примеры, найденные в интернете или переделать их под нужды своего приложения периодически сталкиваюсь с проблемами, которые не удается решить быстро (отсутствие опыта все же дает о себе знать). Но решив все же задачу я понимаю, что ответ был на поверхности и вместо нескольких дней его можно было решить за 5-10 минут и заниматься уже другой частью функционала приложения. Суть вопроса: возможно тебе будет интересен формат спонсорства, по которому с тобой можно будет связаться, проконсультироваться, продемонстрировать проблему в коде и совместно с тобой ее устранить? Скажем так "онлайн-поддержка в разработке".
Добрый день. Ты можешь написать мне на почту 8555234@gmail.com, но сразу скажу будет дорого. Так как времени очень мало. Если не готов платить, лучше не пиши. Да это правда, что ты описываешь, но я к примеру сам ко всему приходил и когда ты сам к чему то приходишь без помощи, оно лучше сохраняется в голове. (Мое мнение)
Привет, спасибо за крутую подборку, некоторые реально упростили жизнь! Я бы только посоветовал немного исправить хук useActions, добавить в него useMemo вот так export const useActions = () => { const dispatch = useDispatch(); return useMemo(() => bindActionCreators(allActions, dispatch), [dispatch]) } Тогда экшены из него можно будет использовать внутри useEffect, добавлять их в зависимости и это не повлечет за собой бесконечный ререндер компонента. Столкнулся с этим недавно
Тут многим все нравится, но лично мне тяжело воспринимать автора. Очень скомкано и будто бы автор куда-то спешит. В итоге я хорошо понял из видео только те хуки, которые уже разбирал. Хотя я даже перематывал. Сомнительно.
![Todo приложение на React для самых маленьких // Твое первое приложение [React, JavaScript, Tailwind]](http://i.ytimg.com/vi/sAa71agGwcg/mqdefault.jpg)
🔥 Оформить премиум подписку - 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 - Спасибо за просмотр!
22:20 нужно добавить return i в блок с case 'UNCOMPLETE', как это сделано в 'COMPLETE'
Согласен, только потом заметил. Спасибо
понятное объяснение + автор осветил важные практические моменты
Супер, классные примеры!
Сразу спасибо на автомате, надо как раз сейчас хуки и редакс основы понять)
Класс! 👍 Очень подробно и понятно! ❤️❤️❤️
Класс! Действительно необычный метод преподавания. Это как раз мой стиль, мне нравится.
Рад слышать!
Наши волки делают - Ауфф!
Браво! 👏👏👏У тебя безусловно талант! 👍👍👍
Лайк поставился автоматически, можно приступать к просмотру 🙏✌️
Был у меня проект где чуваки-индусики использовали встроенные SSR ReactA (не Nest.js) и useLayoutEffect помогает очень быстро до прорисовки компонентов получить данные и после полной прорисовки их можно намного быстрее зарендерить. Даже при получении обычных данных с сервера это прикольная фича.
Клиент жаловался на долгий рендер и благодаря этому хуку получилось рендерить быстрее.
Очень понравилось. Топ!🔥
Можешь тему подсказать?
Andromeda вроде
Спасибо тебе огромное за такой супер топовый контент🖤🤘🏿
Спасибо большое за контент. То что нужно! лайк!
Большой респект тебе!
Четко четко ) 151-й лайк
то что нужно, спасибо тебе!
А для чего пишем предыдущее значение в useState такой записью onChange={(e) => setData((prev) => ({ ...prev, name: e.target.value }))} ? Типа перезаписанный объект уже будет хранить и новое и старое значение?
в твоей дате может быть и не одно свойство, а изменить ты хочешь только одно, по этому ты сначала всю старую дату распаковываешь, а потом меняешь в ней(перезаписываешь) нужное свойство
@@tontontonic Понял, спасибо
Как тут не лайкнуть?)
Можно видео как типизировать редакс тулкит или МобX? Ладно реакт типизировать еще можно по доке, но стейт менеджеры типизировать очень тяжело.
Посмотрим, просто это очень узкая тема, на мой взгляд там ничего сложного, опять же дока есть
@@REDGroup Хорошо, спасибо макс.
@@REDGroup Может тогда ролик о типизации реакта?)
У меня был быстрый курс по TypeScript там в конце есть типизация React, можете посмотреть
а можешь пожалуйста разобрать на видео как запрашивать разрешения на использование координат/камеры/файлы
я не могу разобраться, делаю приложение погоды и понять не могу как получить место положение и разрешение использования
Может быть сделаю в будущем
Лайк авансом
скажите название темы для vs code из видео
Я думаю andromeda, но это не точно
Приветствую. Не знал где задать вопрос, но в этом ролике упоминалось про спонсорство и решил задать его тут.
Я пишу свое приложение и параллельно изучаю React Native и близкие к нему технологии, которые мне необходимы в моем приложении.
Информации много, изучаю, за что в т.ч. спасибо и твоим роликам.
Но пытаясь применить некоторые примеры, найденные в интернете или переделать их под нужды своего приложения периодически сталкиваюсь с проблемами, которые не удается решить быстро (отсутствие опыта все же дает о себе знать). Но решив все же задачу я понимаю, что ответ был на поверхности и вместо нескольких дней его можно было решить за 5-10 минут и заниматься уже другой частью функционала приложения.
Суть вопроса: возможно тебе будет интересен формат спонсорства, по которому с тобой можно будет связаться, проконсультироваться, продемонстрировать проблему в коде и совместно с тобой ее устранить? Скажем так "онлайн-поддержка в разработке".
Добрый день. Ты можешь написать мне на почту 8555234@gmail.com, но сразу скажу будет дорого. Так как времени очень мало. Если не готов платить, лучше не пиши. Да это правда, что ты описываешь, но я к примеру сам ко всему приходил и когда ты сам к чему то приходишь без помощи, оно лучше сохраняется в голове. (Мое мнение)
👍👍
Привет, спасибо за крутую подборку, некоторые реально упростили жизнь! Я бы только посоветовал немного исправить хук useActions, добавить в него useMemo вот так
export const useActions = () => {
const dispatch = useDispatch();
return useMemo(() => bindActionCreators(allActions, dispatch), [dispatch])
}
Тогда экшены из него можно будет использовать внутри useEffect, добавлять их в зависимости и это не повлечет за собой бесконечный ререндер компонента. Столкнулся с этим недавно
Привет, рад слышать. Спасибо за идею, частично для этого я и развиваю канал, чтобы обмениваться опытом.
Привет, что за цветовая тема?
Привет, andromeda
@@REDGroup так быстро ещё никто не отвечал))) спасибо.
Что это за IDE, если не секрет?
Vs code
visual studio code
Тут многим все нравится, но лично мне тяжело воспринимать автора. Очень скомкано и будто бы автор куда-то спешит. В итоге я хорошо понял из видео только те хуки, которые уже разбирал. Хотя я даже перематывал. Сомнительно.
Старое видео, уже лучше подача
@@REDGroup не сомневаюсь