Публикации по теме 'hooks'
Реагировать на хуки - медленнее, чем HOC?
Теперь, когда был официально выпущен долгожданный React Hooks API, я наконец смог избавиться от желания сравнивать скорость его выполнения по сравнению со старыми добрыми HOC. И результаты меня удивили!
Среди всего ажиотажа по поводу блестящих новых крючков, верный старый HOC, возможно, был без надобности поносить. Сразу скажу, что мои простые тесты показали, что HOC все еще может быть быстрее, несмотря на «ад обертки», за который его в последнее время много ругают. Конечно, если вы..
Разница между состоянием React и хуками
Это история о двух компонентах, которые отображают ввод текста и хранят внутри него значение. Один написан в состоянии React, а другой написан с помощью React Hooks.
import React, { Component } from "react";
class App extends Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
this.state = {
blah: "hallo react"
};
}
handleChange(event) {
this.setState({
blah: event.target.value
});
}
render() {
const { blah } =..
Реагировать на хуки: помимо useState и useEffect
Пора сделать еще один шаг к хукам и изучить useReducer, useRef, useContext и useMemo.
Да, эта статья основана на хуках Advance, поэтому я предполагаю, что вы знакомы с хуками и знакомы с использованием таких базовых хуков, как useState и useEffect. Так что, если вы не знаете о хуках, вы можете поискать это в официальной документации React . Но я буду любезен😉 и кратко расскажу о крючках.
Крючки ??? 🤨
Хуки - это последние функции, выпущенные в React версии 16.8.0 . При..
Создание навигации, которая динамически меняется при прокрутке с использованием React Hooks
Когда я начал создавать веб-сайты с помощью React, я также задавался вопросом, как я собираюсь создать навигацию, которая динамически менялась бы при прокрутке страницы пользователем.
Оказывается, это было намного проще, чем я думал. Давайте посмотрим, как этого добиться.
Создать компонент навигации
Я предполагаю, что у вас есть необходимая настройка приложения React. В исходной папке (src) создайте файл и назовите его Navigation.js. Чтобы создать нашу реагирующую навигацию,..
Интересные моменты из «Полного руководства по использованию эффекта» Абрамова.
В этом году я довольно часто использовал хуки, наряду с хуками redux, в личных и производственных проектах. API немного грубоват, но в целом они соответствуют шумихе. Мне удалось относительно легко реорганизовать приложения, и сделать все компоненты работоспособными действительно очень здорово.
Дэн Абрамов написал чертовски длинный и полезный пост в блоге на тему useEffect пару месяцев назад (я опаздываю на вечеринку ik ik). Я сосредоточен здесь не на TL; DR (у него есть..
Создание складного липкого заголовка - анимация с помощью React Native
Недавно мне пришлось разработать складной или многослойный липкий заголовок в React Native для проекта, я потратил некоторое время на то, чтобы понять, как я буду его реализовывать, и в то время я бы предпочел найти руководство по достижению того же . Поскольку я не мог найти ни одного, соответствующего моим требованиям. Я решил написать туториал по тому же самому.
Что мы строим
Заголовок скрывается и открывается в зависимости от направления прокрутки, и после остановки..
⚛️ ReactJS: простой пользовательский крючок - время взламывать
React Hooks изменили способ написания компонентов. Хуки мысленно подтолкнули нас к написанию больше функциональных компонентов, чем классических.
Хотя как только вы начинаете создавать свое приложение с помощью хуков, у вас внезапно появляется 10 различных хуков, и даже если они управляют связанным состоянием, становится трудно управлять ими.
Они начинают казаться беспорядком в старых добрых Функциональных компонентах.
Выглядит несвязанным? Взгляните на этот компонент:
import..
