Hatena Blog Tags
はてなブログ トップ
カスタムフック
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

カスタムフック

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
膝肘歪美 技術録ブログ•8ヶ月前

【React】 SWR で CRUD 試してみた備忘録

はじめに 業務で SWR を使用する機会があり、プライベートで SWR の勉強をした備忘録です。 CRUD に挑戦しています。 まだ試せたわけではないですが、この記事のように useSWRMutation を使用するより、mutate を使用するほうがパフォーマンス的にはよさそうな気がします。 せっかくなのでだいぶ雑ではありますが、奮闘の記録を残します。 CRUD 今回は GET では useSWR を使用し、それ以外では useSWRMutation を使用する GET, POST, PUT, DELETE それぞれでカスタムフックを作成する それぞれ重要なところを数点あげる 前準備 フロン…

#SWR#フロントエンド#カスタムフック

関連ブログ

Web開発における知見共有系ページ•10ヶ月前

Reactのフォームで二重クリックを防止する方法

Reactのフォームで二重クリックを防止する方法 1. ボタンを無効化する 2. 状態管理でボタンを無効化する 3. カスタムフックを使用する Reactのフォームで二重クリックを防止する方法 Reactでフォームの二重クリックを防止するには、いくつかの方法があります。 以下に一般的な方法を紹介します。 1. ボタンを無効化する フォーム送信ボタンを一度クリックされた後に無効化する方法です。 import React, { useState } from 'react'; function MyForm() { const [isSubmitting, setIsSubmitting] = u…

#二重クリック#カスタムフック#無効化#状態管理ライブラリ
Web開発における知見共有系ページ•10ヶ月前

Reactのカスタムフックと通常の関数との違い

Reactのカスタムフックのメリットと実装方法 カスタムフックと共通関数の違い Reactのカスタムフックのメリットと実装方法 Reactのカスタムフックのメリットとしては、以下の点が挙げられます：1. ロジックの再利用性: カスタムフックを使うことで、コンポーネント間でロジックを再利用することができます。 例えば、APIからデータを取得するロジックやフォームのバリデーションなどを一つのカスタムフックにまとめて定義することができます。2. コンポーネントの簡素化: カスタムフックを使用することで、コンポーネント自体のコードがシンプルになり、関心の分離が促進されます。 これにより、コンポーネント…

#カスタムフック#useEffect#useState#簡素化#再利用性#ライフサイクルとの統合