lodash の debounce と同程度の機能を備えた React 用のカスタムフックを自前実装する - Qiita

はじめに この記事では、lodash (lodash.debounce) に依存しない、 React 向けの debounce のカスタムフックを自前で実装する方法を説明します。 これにより、アプリケーションのバンドルサイズ削減や外部ライブラリへの依存性低減といった効果が...

Qiita
ゼロから始める React Hook Form - Qiita

React Hook FormとはReact Hook Form は、Reactでフォームを扱いやすくするためのライブラリです。React では通常、フォームの各入力欄を useState で管…

Qiita

Кастомные хуки в react

React хуки произвели революцию в том, как мы пишем компоненты, особенно новые хуки из 19 версии для форм. Но помимо встроенных хуков, мы можем создавать собственные, чтобы переиспользовать логику между компонентами. Давайте разберемся, как это делать.

https://habr.com/ru/articles/889432/

#react #reactuse #react_hooks #hooks #use

Кастомные хуки в react

React хуки произвели революцию в том, как мы пишем компоненты, особенно новые хуки из 19 версии для форм. Но помимо встроенных хуков, мы можем создавать собственные, чтобы переиспользовать логику...

Хабр

Оптимизация React-приложений: Используем useTransition, useDeferredValue и useOptimistic для плавного UI

Сделайте интерфейс React-приложения более отзывчивым и плавным с помощью хуков useTransition , useDeferredValue и useOptimistic . Управляйте приоритетами рендеринга, избегайте подвисаний при работе с большими данными и реализуйте оптимистичные обновления для мгновенной реакции интерфейса. Практические примеры и полезные советы ждут вас! 🚀

https://habr.com/ru/articles/870748/

#react #react_hooks #оптимизация_производительности #плавный_интерфейс #javascript #usetransition #usedeferredvalue #useOptimistic #вебразработка #производительность_UI

Оптимизация React-приложений: Используем useTransition, useDeferredValue и useOptimistic для плавного UI

Изображение, созданное DALL-E Веб-приложения сегодня требуют всё большей интерактивности, отзывчивости и быстродействия. В ответ на это команда React постоянно совершенствует инструментарий,...

Хабр

Уходит ли React от SPA?

В последнее время большинство громких новостей в экосистеме React связаны с Server Components, Server Actions и в целом с Server Side Rendering и Next.js. И вот вопрос, который беспокоил меня лично — что будет с уже созданными за последние 10 лет Single Page Applications на React? Неужели пора о них забыть? Действительно ли команда разработчиков React теперь занимается развитием только лишь SSR, или всё же в мире SPA тоже происходят обновления и они тоже развиваются? Я решил взглянуть на список изменений в React 19 через призму применимости этих изменений к SPA. Вот что я отметил.

https://habr.com/ru/articles/870240/

#react #frontend #single_page_applications #javascript #react_hooks

Уходит ли React от SPA?

В последнее время большинство громких новостей в экосистеме React связаны с Server Components, Server Actions и в целом с Server Side Rendering и Next.js. И вот вопрос, который беспокоил меня лично —...

Хабр

useActionState: новый герой в мире React

Привет, React-энтузиаст! Случалось ли тебе писать логику для форм, где нужно не только обработать кучу полей, но и синхронизировать их с асинхронными действиями (запросы, загрузка данных, показ успеха или ошибок)? Если да, то, возможно, ты уже слышал об экспериментальном хуке useFormState в React. Однако на смену ему пришёл более мощный инструмент - useActionState . В статье обсуждается, почему прежний подход ушёл на пенсию, чем хорош новый, и как он может упростить жизнь каждому фронтенд-разработчику.

https://habr.com/ru/articles/870216/

#react #useActionState #JavaScript #Frontend #react_hooks #react_hook_form #вебразработка #асинхронные_операции

useActionState: новый герой в мире React

Photo by Esteban López on Unsplash Привет, бравый покоритель фронтенда! Если ты когда-либо ковырялся в React и думал: «Эх, как же устроить красивую и понятную обработку состояния?», то вот новсть:...

Хабр

【React】useOptimistic で即時レスポンスを実現する楽観的 UI 更新を実装する
https://dev.classmethod.jp/articles/react-useoptimistic/

#dev_classmethod #React #React_Hooks

【React】useOptimistic で即時レスポンスを実現する楽観的 UI 更新を実装する | DevelopersIO

「ボタンを押したのに反応が遅い...」そんな経験ありませんか? React の新しい魔法のような機能 useOptimistic を使えば、ユーザーの操作にすぐに反応する爽快な UI が作れちゃいます! ユーザー体験を劇的に向上させる秘訣、ぜひ一緒に学んでいきましょう!

【React】useOptimistic で即時レスポンスを実現する楽観的 UI 更新を実装する | DevelopersIO
【React19】サクッと理解するuseOptimistic | DevelopersIO

React 19の新機能「useOptimistic」について、いいねボタンの実装例を用いながら、非同期アクション実行中の楽観的更新の仕組みとその実践的な活用方法を解説した記事です。

【React19】サクッと理解するuseOptimistic | DevelopersIO
【React 19】サクッと理解するuseActionState | DevelopersIO

React 19で導入予定のuseActionStateフックについて詳しく解説します。フォームアクションの結果に基づくステート更新や非同期アクションの状態管理を簡素化するこの新機能の使い方や利点を具体的な実装例をもとに紹介します。

【React 19】サクッと理解するuseActionState | DevelopersIO
【保存版】React Hooks を超かみ砕くので今日こそ理解しよう【​ほら、怖くない】 - Qiita

こんにちは、とまだです。React を使っている方のほとんどが、React Hooksの存在を知っていると思います。useState、useEffect、useContext...などなど、Ho…

Qiita