Hook useId в React - зачем нужен?
На реальном примере посмотрим зачем нужен хук useId в React и при чём тут серверные компоненты.
🔗 Ссылки:
🎉 Курсы по React, React Router и Redux: purpleschool.ru/course/react-...
🎓 Мои курсы по разработке: purpleschool.ru
💬 Telegram канал с полезными советами:
t.me/purple_code_channel
Разделы видео:
0:00 - Введение
0:43 - Установка ID
2:39 - Генерация ID
3:21 - Проблема при SSR
4:23 - use client
5:30 - useId hook
6:36 - Зачем ::
8:02 - Переиспользование useId
9:20 - Заключение
Пікірлер: 34
🔗 Ссылки: 🎉 Курсы по React, React Router и Redux: purpleschool.ru/course/react-redux 🎓 Мои курсы по разработке: purpleschool.ru 💬 Telegram канал с полезными советами: t.me/purple_code_channel
Приятно видеть, что вы используете arc
@PurpleSchool
9 ай бұрын
Да, мой любимый браузер на текущий момент.
Антон, хотел бы узнать у вас будет ли от вас обзор технологии bun ? Думаю будет интересно с учётом наклона на node
@PurpleSchool
9 ай бұрын
Он уже был: kzread.info/dash/bejne/fKWYrY-vj9uofaQ.html
id можно юзать в ul as key ?
@PurpleSchool
9 ай бұрын
Нет, он не для key при работе с массивами. Key должен полагаться на данные в массиве, а не на внешний идентификатор
Перешли обратно на vscode?)
@cdeblog
9 ай бұрын
Нее, это он что бы не смущать новичков своим вимом 😊
@PurpleSchool
9 ай бұрын
Как я говорил в видео kzread.info/dash/bejne/gJ5pqqR_ipuof7A.htmlsi=dEcM2o23xrSvCAkd VIM для работы, VSCode для обучения
Почему в вашем курсе речь идет именно про redux а не zustand по которому вы даже сняли видео ?
@PurpleSchool
13 күн бұрын
Так как Redux очень часто используется в компании. Но курс по Zustand будет через 10 дней)
Please, create video about how to make custom react hook
@PurpleSchool
9 ай бұрын
I already have one: kzread.info/dash/bejne/lIWKuZSEc6vJYag.htmlsi=tmT0Ao55Ed8C5ke0
Проблема высосанная из пальца))) обернул инпуты в лэйбэл и все на этом. А по существу, есть реальная проблема с Nextjs с App роутингом, это как обновлять серверные компоненты, после запросов на сервер для изменения инфы, например добавил корзину, ушел на другую страницу и вернулся, а компонент не обновляется и выдает старые данные, единственно что советуют это юзать useRoute и рефрешить, но это шляпа)
@PurpleSchool
8 ай бұрын
Не всегда есть возможность обернуть, да и кроме label есть кейсы с aria атрибутами, которые тоже ссылаются по id.
программист!! С иконой на столе!! Ха-ха. Я в шоке. Вижу первого программера который верующий.
@PurpleSchool
9 ай бұрын
Не вижу в этом ничего противоречивого)
@victorklimov5254
9 ай бұрын
Выдающиеся физики и математики могли быть верующими, а программистам вы почему-то в этом праве отказываете...
@dmitrysvetlov6001
8 ай бұрын
я программист и верю в Христа, знаю еще как минимум двух верующих
@GregoryArt1976
8 ай бұрын
@@victorklimov5254 ))) хаха. Пошли классические доводы.
@GregoryArt1976
8 ай бұрын
@@dmitrysvetlov6001 , программист существо мыслящее, верующий существо верующее.
Ох уж это реакт сплошные хуки 😃 то что можно назвать обычной функцией всё равно кличат хуком 😂
@alexeyfilippov42
9 ай бұрын
функция и хук совершенно разные вещи
@PurpleSchool
9 ай бұрын
Хук это по сути функция отвечающая некоторому набору правил и договоренностей.
@cdeblog
9 ай бұрын
@@PurpleSchool бесспорно, но я скорее обобщающе обо всей идеологии
id :Rhmcq: можно выбрать document.querySelector('#\\:Rhmcq\\:')
@PurpleSchool
8 ай бұрын
👍
на svelte все гораздо проще))
@oldiBerezkoo
9 ай бұрын
Но не лучше наверное
@PurpleSchool
9 ай бұрын
Вообще не проще. Более того проблема SSR константных ID не решена. Вот открытой issue: github.com/sveltejs/svelte/issues/7517