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

  • @PurpleSchool
    @PurpleSchool9 ай бұрын

    🔗 Ссылки: 🎉 Курсы по React, React Router и Redux: purpleschool.ru/course/react-redux 🎓 Мои курсы по разработке: purpleschool.ru 💬 Telegram канал с полезными советами: t.me/purple_code_channel

  • @dogfrogfog
    @dogfrogfog9 ай бұрын

    Приятно видеть, что вы используете arc

  • @PurpleSchool

    @PurpleSchool

    9 ай бұрын

    Да, мой любимый браузер на текущий момент.

  • @vladimir_-_
    @vladimir_-_9 ай бұрын

    Антон, хотел бы узнать у вас будет ли от вас обзор технологии bun ? Думаю будет интересно с учётом наклона на node

  • @PurpleSchool

    @PurpleSchool

    9 ай бұрын

    Он уже был: kzread.info/dash/bejne/fKWYrY-vj9uofaQ.html

  • @boyywnkobe
    @boyywnkobe9 ай бұрын

    id можно юзать в ul as key ?

  • @PurpleSchool

    @PurpleSchool

    9 ай бұрын

    Нет, он не для key при работе с массивами. Key должен полагаться на данные в массиве, а не на внешний идентификатор

  • @tyumen777
    @tyumen7779 ай бұрын

    Перешли обратно на vscode?)

  • @cdeblog

    @cdeblog

    9 ай бұрын

    Нее, это он что бы не смущать новичков своим вимом 😊

  • @PurpleSchool

    @PurpleSchool

    9 ай бұрын

    Как я говорил в видео kzread.info/dash/bejne/gJ5pqqR_ipuof7A.htmlsi=dEcM2o23xrSvCAkd VIM для работы, VSCode для обучения

  • @io0312
    @io031213 күн бұрын

    Почему в вашем курсе речь идет именно про redux а не zustand по которому вы даже сняли видео ?

  • @PurpleSchool

    @PurpleSchool

    13 күн бұрын

    Так как Redux очень часто используется в компании. Но курс по Zustand будет через 10 дней)

  • @boyywnkobe
    @boyywnkobe9 ай бұрын

    Please, create video about how to make custom react hook

  • @PurpleSchool

    @PurpleSchool

    9 ай бұрын

    I already have one: kzread.info/dash/bejne/lIWKuZSEc6vJYag.htmlsi=tmT0Ao55Ed8C5ke0

  • @MrZuven
    @MrZuven8 ай бұрын

    Проблема высосанная из пальца))) обернул инпуты в лэйбэл и все на этом. А по существу, есть реальная проблема с Nextjs с App роутингом, это как обновлять серверные компоненты, после запросов на сервер для изменения инфы, например добавил корзину, ушел на другую страницу и вернулся, а компонент не обновляется и выдает старые данные, единственно что советуют это юзать useRoute и рефрешить, но это шляпа)

  • @PurpleSchool

    @PurpleSchool

    8 ай бұрын

    Не всегда есть возможность обернуть, да и кроме label есть кейсы с aria атрибутами, которые тоже ссылаются по id.

  • @GregoryArt1976
    @GregoryArt19769 ай бұрын

    программист!! С иконой на столе!! Ха-ха. Я в шоке. Вижу первого программера который верующий.

  • @PurpleSchool

    @PurpleSchool

    9 ай бұрын

    Не вижу в этом ничего противоречивого)

  • @victorklimov5254

    @victorklimov5254

    9 ай бұрын

    Выдающиеся физики и математики могли быть верующими, а программистам вы почему-то в этом праве отказываете...

  • @dmitrysvetlov6001

    @dmitrysvetlov6001

    8 ай бұрын

    я программист и верю в Христа, знаю еще как минимум двух верующих

  • @GregoryArt1976

    @GregoryArt1976

    8 ай бұрын

    @@victorklimov5254 ))) хаха. Пошли классические доводы.

  • @GregoryArt1976

    @GregoryArt1976

    8 ай бұрын

    @@dmitrysvetlov6001 , программист существо мыслящее, верующий существо верующее.

  • @cdeblog
    @cdeblog9 ай бұрын

    Ох уж это реакт сплошные хуки 😃 то что можно назвать обычной функцией всё равно кличат хуком 😂

  • @alexeyfilippov42

    @alexeyfilippov42

    9 ай бұрын

    функция и хук совершенно разные вещи

  • @PurpleSchool

    @PurpleSchool

    9 ай бұрын

    Хук это по сути функция отвечающая некоторому набору правил и договоренностей.

  • @cdeblog

    @cdeblog

    9 ай бұрын

    @@PurpleSchool бесспорно, но я скорее обобщающе обо всей идеологии

  • @SP-hb6dd
    @SP-hb6dd8 ай бұрын

    id :Rhmcq: можно выбрать document.querySelector('#\\:Rhmcq\\:')

  • @PurpleSchool

    @PurpleSchool

    8 ай бұрын

    👍

  • @artyomvashkevich602
    @artyomvashkevich6029 ай бұрын

    на svelte все гораздо проще))

  • @oldiBerezkoo

    @oldiBerezkoo

    9 ай бұрын

    Но не лучше наверное

  • @PurpleSchool

    @PurpleSchool

    9 ай бұрын

    Вообще не проще. Более того проблема SSR константных ID не решена. Вот открытой issue: github.com/sveltejs/svelte/issues/7517

Келесі