Публикации по теме 'hooks'


Как реализовать кастомные хуки в React
3 различных способа реализации кастомных хуков в React Введение хуков в React 16.8 полностью изменило то, как мы реализуем логику в наших компонентах React. Перехватчики React предоставили совершенно новый способ инкапсуляции логики, разделения ее между компонентами и сохранения ее отдельно от уровня представления. Ключом ко всему этому является тот факт, что мы можем создавать собственные пользовательские хуки. До введения перехватчиков React реализация логики в компонентах React..
Прощай, React.Component
До React Conf 2018 функциональные компоненты были без сохранения состояния и унаследовали свои возможности от родительского компонента, который был расширен из класса React Component . Эти компоненты являются полностью унаследованными и отображаемыми данными. В мире, где существуют хуки и контекстный API, компонент React на основе классов становится динозавром, и не зря. Цель этой статьи двоякая: первая , убедить вас как разработчика изменить в направлении написания..
Создание списка дел с помощью useReducer () React Hooks
Недавно я познакомился с API React Hooks. Это кажется довольно интересным и может полностью изменить то, как мы делаем приложения React. Вступление: ПРИМЕЧАНИЕ . Это альфа-версия, поэтому, пожалуйста, пока не используйте ее в крупномасштабных производственных приложениях. Но я не думаю, что так долго будет. Вы можете найти документацию здесь . Вкратце, API призван помочь следующим образом: Сокращение использования классов, поскольку они, кажется, сбивают с толку программистов,..
Превратить HOC в крючок очень просто!
Сначала позвольте мне начать с того, что я пришел из Angular. Когда я впервые начал заниматься реакцией на постоянной основе пару месяцев назад, я подумал, что компоненты высшего порядка (HOC) и перекомпоновка , возможно, были самыми запутанными вещами, которые я когда-либо читал (к счастью, я очень быстро к этому привык). Я действительно думаю, что я пришел, чтобы отреагировать в нужное время, потому что крючки буквально высвободились, когда я начал свое путешествие по реакции. Также *..
Закусочные в React: упражнение с хуками и контекстом
Необходимость в дизайн-системе Проведя аудит того, как мы общаемся с нашими пользователями, мы получили простую систему из трех классов коммуникации, и закусочные идеально подходят для «низкоприоритетного» конца этого спектра. Это небольшие уведомления, которые появляются на экране, когда пользователь выполняет действие. Они совсем не навязчивы и появляются только на короткое время. Не обращая внимания на визуальные эффекты, я собираюсь сосредоточиться на том, как мы можем создать..
Что такого особенного в хуках React?
Что такого особенного в хуках React? Все говорят об этом, но часто непосвященный думает: а в чем дело? В течение последних нескольких недель на буткемпе я переключился на написание веб-приложений с помощью React и то, как он облегчает общий процесс разделения задач на компоненты и, в конечном итоге, модульности вашей кодовой базы. Мне понравился процесс написания еще более простого и чистого кода. Настолько, что я продолжил исследование, чтобы понять, в чем заключается ажиотаж с..
React Hooks — Краткий обзор
React Hooks — краткий обзор Что такое React-хуки Хуки React — это новый способ доступа к методам состояния и жизненного цикла. Что нового в хуках На самом деле, хуки реакции почти не добавили столько нового, это скорее ярлык для функций, которые уже существовали раньше. Преимущества крючков Основным преимуществом хуков является возможность их использования на функциональном компоненте. Еще одним большим преимуществом является разделение проблем при вызовах нескольких хуков,..