Тёмный

React 23: forwardRef 

Школа web-программирования Constcode
Просмотров 9 тыс.
50% 1

Наш главный курс "JavaScript старт" - constcode.ru/javascript-start
Бесплатная консультация - constcode.ru/free-lesson
Контакты:
Сайт - constcode.ru
VK - constcode
RU-vid - / @web-constcode6252
Telegram - t.me/constcode
Discord - / discord

Опубликовано:

 

13 июн 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 27   
@trendsgallery
@trendsgallery Год назад
когда ищу информацию, то натыкаюсь на твои ролики, и очень радуюсь, если вижу, что есть контент от тебя. значит я нашел то, что нужно.
@web-constcode6252
@web-constcode6252 Год назад
Рад, что хоть кому-то мои ролики помогают.
@yuryitikhonoff9631
@yuryitikhonoff9631 2 года назад
Спасибо за контент. Очень доступно объяснено.
@web-constcode6252
@web-constcode6252 2 года назад
Рад стараться )
@jozef5555
@jozef5555 2 года назад
Вот теперь Я понял, что такое forwardRef Спасибо!
@web-constcode6252
@web-constcode6252 2 года назад
Рад стараться
@user-cl8hi9jw3b
@user-cl8hi9jw3b Год назад
спасибо, очень помогло!
@ineptDev
@ineptDev 2 года назад
Если сделать деструктуризацию внутри обьявления параметров функции, то можно сохратить себе имя “props” function({ children, …props}) {…} За ролик спасибо, для себя разложил некоторые моменты по рефам!👍 Сори, пишу с телефона
@web-constcode6252
@web-constcode6252 2 года назад
Рефы классные в React
@user-yk2td3lk5h
@user-yk2td3lk5h 2 года назад
Спасибо!!
@user-fg6ng7ej6w
@user-fg6ng7ej6w Год назад
хорошо объясняет
@web-constcode6252
@web-constcode6252 Год назад
Этот парень на видео? Да, вроде норм )
@user-cv9xy4uu2f
@user-cv9xy4uu2f 7 месяцев назад
спасибо
@mgrm7031
@mgrm7031 2 года назад
а в чем принципиальная разница при использовании forwardRef или если передать ref в качестве пропса, допустим другим названием, например someRef={ref}, результат разве будет отличаться
@web-constcode6252
@web-constcode6252 2 года назад
Forwardref это зарезервированное имя в API React ru.reactjs.org/docs/react-api.html#reactforwardref
@august5179
@august5179 2 года назад
@@web-constcode6252 спасибо за видео, но у меня все равно остался вопрос. А именно то, что mgrm спросил. Действительно, в чем разница?
@arseniimedzhidov9475
@arseniimedzhidov9475 Год назад
@@august5179 тут дело не в названии пропса, а в его значении, нельзя передавать объект ref в пропсах обычным компонентам, forwardRef создает некую оболочку над компонентом, позволяющую принимать этот объект в качестве пропсов и работать с ним
@nvrnGrek
@nvrnGrek Год назад
ну он же показывал, что контекст рефа теряется
@user-wq9gc4rj3w
@user-wq9gc4rj3w Год назад
Спасибо наконец то понял как его использовать. Хочу заметить и вам и авторам документации и ещё много кому на форумах, с высоты вашего опыта видимо не очень заметно, но можно съэкономить кучу времени если просто сказать что эта конструкция применяется внутри компонента, а не в месте его вызова. Очень не хватает таких объяснений.
@web-constcode6252
@web-constcode6252 Год назад
Буду иметь в виду.
@alexanderpoker6655
@alexanderpoker6655 11 месяцев назад
Все пишут что поняли forwardref, хотя по факту ничего автор видео не обьяснил)) Теперь знатоки вопрос: для чего же нужен FrowardRef(причем он весьма не дешевый для реакт), если я могу кинуть ref в пропсы(только немного переиминовать в myRef) и будет работать все индентично? А если б автор видео капнул бы в нативный код реакта, то он по человечески смог бы обьяснить для чего все это
@web-constcode6252
@web-constcode6252 11 месяцев назад
Какой-то не конструктивный комментарий. Скажи что не так, или что упустил в ролики. Поделись экспертным мнением.
@user-fj7hr6ri3g
@user-fj7hr6ri3g 2 года назад
есть курсы у вас по react native?
@web-constcode6252
@web-constcode6252 2 года назад
Ещё нет
@andTutin
@andTutin Год назад
а через контекст апи прокинуть реф глубоко вложенным дочерним компонентам можно ?)
@web-constcode6252
@web-constcode6252 Год назад
Можно, но как-то странно. Что-то не так с архитектурой.
@andTutin
@andTutin Год назад
@@web-constcode6252 да я чисто так поинтересовался
Далее
React 24: babel-plugin-module-resolver
14:23
Просмотров 2,5 тыс.
React 17: Хук useContext
18:31
Просмотров 11 тыс.
АСЛАН, АВИ, АНЯ
00:12
Просмотров 1,1 млн
Never Forget React forwardRef Again
9:33
Просмотров 14 тыс.
Goodbye, forwardRef
15:59
Просмотров 5 тыс.
React 12: Поднятие состояния
18:19
Просмотров 9 тыс.
React 18: Хук useRef
9:54
Просмотров 9 тыс.
React Hook useRef and forwarding refs with forwardRef
14:46
React useRef and forwardRef in depth
10:32
Просмотров 24 тыс.
React 15: Хук useMemo и useCallback
13:38
Просмотров 25 тыс.
АСЛАН, АВИ, АНЯ
00:12
Просмотров 1,1 млн