Публикации по теме 'react-hook'
7 хуков React для использования в каждом проекте
7 хуков React для использования в каждом проекте
Хуки — одна из самых мощных функций React.
Они позволяют нам легко повторно использовать функциональность компонентов нашего приложения. Что лучше всего в хуках, так это их повторное использование — вы можете повторно использовать свои хуки как в компонентах, так и в своих проектах.
Вот семь наиболее важных хуков React, которые я повторно использую в каждом проекте React, который я создаю. Попробуйте их сегодня и…
Что такое компонент высшего порядка?
Подробное объяснение системы React для повторного использования логики компонентов.
Вы когда-нибудь работали с кодовой базой или просматривали учебное пособие в Интернете и сталкивались с чем-то похожим на это:
export default withResponsive(Home)
Что ж, тогда вы уже столкнулись с Компонентой более высокого порядка, осознали вы это или нет.
Компонент более высокого порядка (сокращенно HOC) - это способ React наделять несколько компонентов повторяющимися функциями или поведением без..
Поиск и фильтрация данных с помощью React Hooks и безголовой CMS
Поиск и фильтрация данных — обычная функция для веб-сайтов и приложений, особенно для электронной коммерции. В этой статье мы обсудим, как создать функцию поиска и фильтрации продуктов с помощью React. Данные о продукте будут запрашиваться из безголовой CMS ( Cosmic ) с мгновенным обновлением пользовательского интерфейса. Мы также поговорим о том, как техника debounce справляется с управлением состоянием с помощью хуков и оптимизации использования API.
Установить демо-контент..
Думайте о компонентах React как о машинах состояний, а не о функциях
Когда компоненты React перешли от классов к функциям, весь шум был о переходе от объектно-ориентированного программирования к функциональному программированию. Функциональное программирование преследует две цели:
Вы получите те же результаты, если предоставите одинаковые входные данные для функции. Единственная цель функции - создать результат. Он не пытается делать что-то на стороне. (Функции, которые влияют на что-то другое, кроме их собственного вывода, описываются как функции,..
Упростите управление массивами в React с помощью хука useArray
Вы разработчик React и ищете более простой способ обработки массивов в своих компонентах? Если вы когда-либо сталкивались с задачами, связанными с массивами, такими как добавление, удаление или обновление элементов, вам повезло. Сегодня мы рассмотрим удобный специальный хук под названием useArray , который может упростить управление массивами в React.
Что такое useArray ?
useArray — это специальный хук, созданный для упрощения управления массивами в компонентах React. Он..
Преобразование компонентов класса в функции с помощью React Hooks
В прошлом году команда React анонсировала хуки, функцию, упрощающую абстрагирование логики в повторно используемые компоненты. В день анонса Я написал и статью , в которой объясняется, как рефакторинг компонента рендеринга с помощью хука.
Начиная с этой недели с выпуском React v16.8 , теперь вы можете добавлять хуки в свои проекты !
Сегодня я хочу взглянуть на типичный компонент класса и продемонстрировать, как вы можете превратить его в функциональный компонент с помощью..
Основы React.js 101
Я решил пересмотреть основы React, чтобы освежить свою память и укрепить свое понимание концепций и процедур. 🙂
Создать React-приложение
Во-первых, как инициализировать проект. (Для этого вам нужно иметь bash и npm)
$ npm create-react-app (NAME_OF_YOUR_PROJECT)
Теперь у вас будет инициализирован ваш проект.
Чтобы запустить свой локальный сервер, чтобы увидеть ваш проект в браузере.
$ npm run start
Теперь вы знаете, что реактивный проект инициализирован и готов к..