Удивительные вещи, связанные с React Hooks 😍

В данной статье рассмотрим кураторский список про React Hooks, который осветит много полезной информации для ваших будущих проектов

Ресурсы

Документация

• Официальная документация

Списки

• Общий

Статьи

• React Js Руководство по изменению размера, сжатию и кадрированию изображения
• Как использовать хук React useReducer как профессионал
• Создайте портфолио NPX CLI менее чем за 5 минут
• React Router — руководство для начинающих
• A headless calendar hook for React
• 6 вариантов использования хука useEffect ReactJS
• Пользовательский интерфейс оплаты кредитной картой с ReactJS
• React 18 – What’s New!
• Score Football React Hooks
• Фильтрация React Redux
• React Hooks и Vue 3 Composition API
• Легкий карусельный компонент для реагирования
• 5 лучших библиотек диаграмм React
• Как сократить время загрузки приложения React на 70%
• Реакция: Scroll Transition для необычных портфолио
• Обработка ошибок запроса React
• 6 способов бесплатно разместить ваше приложение React JS
• React Query vs SWR
• Создайте ленту с бесконечной прокруткой, как в Instagram, с помощью React Query
• Как использовать хук useMemo в React
• Простой способ писать формы в React с помощью Formik
• Лучшие способы изучения Vue 3
• Хук useModal и прокси
• Адаптивный шаблон портфолио, созданный с помощью Reactjs
• Чистый и простой шаблон портфолио с использованием React для разработчиков
• Приложение Simple Calculator, созданное с помощью React.js.
• Как использовать хук useRef в React
• useState в React: полное руководство
• Учебное пособие по React — Как создать игру 2048 в React
• Бесплатный, красивый и современный шаблон портфолио React для разработчиков
• Тщательно подобранный список ресурсов для максимально быстрого изучения React и связанных с ним веб-технологий.
• Стартер для React + Vite + twin.macro
• useTgl: React Hook для переключения видимости компонента
• Создайте полнофункциональное приложение для электронной коммерции, используя react и commerce.js.
• Реагирующее приложение для разработчиков, позволяющее хранить «фрагменты», связанные с кодированием, такие как код.
• Простой инструмент выбора даты для React
• Создавайте перетаскиваемые компоненты с помощью React-Draggable
• Реагировать на использование Undo hook
• Перехватчики React для возобновляемой загрузки файлов с помощью tus
• React 18-альфа вышла! Это то, что вам нужно знать
• Создание пользовательских хуков в React для получения данных
• Проект книжного магазина, созданный с помощью React, Redux и TailwindCSS
• Создайте бесплатную личную страницу портфолио с помощью React Next.Js
• Руководство по React Context и хуку useContext()
• Поиск в реальном времени в ReactJS
• Бесконечная прокрутка в React с наблюдателем пересечения
• 5 методов оптимизации производительности React
• 7 проектов, которые вы можете создать, чтобы изучить React в 2021 году
• Компонент React для анимации дочерних элементов элемента один за другим
• Recoil — это новый Redux для React?
• Клон Netflix с React, стилизованными компонентами, Axios
• Улучшите асинхронную обработку состояния сети с помощью пользовательских React Hooks
• Игра на память, созданная с помощью React Styled Components
• React 18: что нужно знать о последней версии React JS
• Как использовать «useReducer» и «useContext»: учебник по React Hooks
• Величайший разработчик React, которого я когда-либо встречал
• Как отправлять электронные письма из приложения React с функциями Netlify
• Ленивая загрузка в React
• Как я настроил структуру проекта Next.js
• Использование стилизованных компонентов с React
• React не быстрый, давайте узнаем, почему
• Создайте приложение React без приложения create-реагировать!
• Извлечение данных на стороне клиента и сервера в React
• Учебное пособие по React-Calendar: создание и настройка простого календаря
• Многопользовательская онлайн-игра Tic Tac Toe с React

Полезные ресурсы

• React Hot Toast – лучший тост в городе. Курение горячих уведомлений React.
• React Content Loader — компонент на основе SVG для простого создания заполнителей (например, загрузки карточек Facebook).
• React Filepond — новый способ загрузки файлов
• React Notion X — быстрый и точный рендерер React для Notion. ТС батарейки в комплекте. ⚡ ️
• React Select — гибкий и красивый элемент управления Select Input для ReactJS с множественным выбором, автозаполнением, асинхронностью и возможностью создания.
• Sweet Alert — прекрасная замена сообщениям об успешном завершении, сообщениям об ошибках или информационным сообщениям.
• React Infinite Scroller — бесконечная загрузка контента с помощью компонента React.
• React DnD — утилита React, которая поможет вам создавать сложные интерфейсы перетаскивания, сохраняя при этом ваши компоненты несвязанными.
• Draft JS — Draft.js легко вписывается в приложения React, абстрагируя детали рендеринга, выбора и поведения ввода с помощью знакомого декларативного API.
• ChartJS. Создавайте красивые диаграммы за считанные минуты с помощью Chartjs. Dashboards будут выглядеть красиво, как никогда раньше.
• React Slick — компонент карусели React. Один из лучших слайдеров для демонстрации.
• React Auto Suggest — компонент автоматического предложения, совместимый с WAI-ARIA, встроенный в React.
• React Burger Menu — компонент React боковой панели вне холста с коллекцией эффектов и стилей, использующих переходы CSS и анимацию пути SVG.
• React Spinners — коллекция загрузочных компонентов счетчика для реакции.
• React Bootstrap Datatable — новое поколение таблицы react-bootstrap. Datatable стало проще, чем когда-либо прежде.
• Styled Components — styled-components — это результат наших раздумий о том, как мы могли бы улучшить CSS для стилизации компонентных систем React.
• use-abortable-stream-fetch — хук React для получения потоков, которые можно прервать.
• Перехватчики API React — перехватчики React для взаимодействия с API из компонента без состояния с использованием axios.
• React Используйте Smooth Scroll — компонент React Provider для добавления эффекта плавной прокрутки 😍
• React Use Mail To — визуализирует ссылку, отформатированную для отправки электронной почты (mailto: ссылка).
• use-abortable-fetch — хук React, который выполняет выборку и прерывает работу, когда компоненты выгружаются или делается другой запрос.
• React Hooks Lib — набор многоразовых React Hooks.
• react-powerhooks — перехватывает API для компонентов react-powerplug
• use-events – 🍭 Перехватчики событий
• react-apollo-hooks — использовать клиент Apollo как хуки React
• react -recipes — 👩‍🍳 Список служебной библиотеки React Hooks, содержащей популярные кастомизированные хуки
• react-hookedup – 👽 Коллекция полезных хуков React
• react-hooks-axios — Пользовательские хуки React для Axios.js
• rest-hooks — Восхитительная выборка данных для React.
• use-call — хук useCall React
• react-use-clipboard — хук React, обеспечивающий копирование в буфер обмена.
• constate — контекст + состояние
• rooks — настраиваемые хуки Essential React ⚓ для суперзарядки ваших компонентов!
• navi — 🧭 Декларативная асинхронная маршрутизация для React.
• react-firebase-hooks — React Hooks для Firebase.
• use-file-input — React Hooks для выбора файла
• react -hook-form — 📋 React Hooks для проверки форм (Web + React Native)
• react-hooks-image-size — Пользовательские React Hooks для изображения натурального размера
• use-key-hook — React hook для обработки всех нажатий клавиш.
• use-http — 🐶 React-хук для создания изоморфных http-запросов
• use-media — хук useMedia React для отслеживания состояния медиа-запроса CSS
• local-storage — хук React, который синхронизирует localStorage[key] с файлом comp.
• react-useportal – 🌀 React hook для порталов
• REACT ROUTER — React Router поставляется с несколькими хуками, которые позволяют вам получить доступ к состоянию маршрутизатора и выполнять навигацию внутри ваших компонентов.
• ant-design — язык дизайна пользовательского интерфейса корпоративного класса и библиотека пользовательского интерфейса React.
• chakra-ui – ⚡️ Простые, модульные и доступные компоненты пользовательского интерфейса для ваших приложений React
• react-bootstrap — компоненты Bootstrap, созданные с помощью React
• Semantic-UI — Semantic — это структура компонентов пользовательского интерфейса, основанная на полезных принципах естественного языка.
• evergreen – 🌲 Evergreen React UI Framework по сегментам
• reakit — набор инструментов для создания доступных многофункциональных веб-приложений с помощью React.

Подбирайте для себя полезные ресурсы и практикуйтесь. Все получится, главное не бояться пробовать новое и внедрять это в свои проекты.

Источник статьи: http://dev.to/