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

Hooks

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Web開発における知見共有系ページ•1年前

Reactの関数コンポーネントとクラスコンポーネントの違いとそれぞれのメリット

Reactの関数コンポーネントとクラスコンポーネントの違い 1. 構文の違い 2. ステートとライフサイクルの管理 3. thisの扱い 4. 可読性とシンプルさ 関数コンポーネントのメリット Reactの関数コンポーネントとクラスコンポーネントの違い Reactでは、クラスコンポーネントと関数コンポーネントの2つの主要なコンポーネントの種類があります。 最新のReactバージョンでは、React Hooksの導入により、関数コンポーネントがより強力で柔軟になりました。 以下に、これら2つのコンポーネントの主な違いを示します。 1. 構文の違い クラスコンポーネント: class MyClas…

#関数コンポーネント#クラスコンポーネント#Hooks

ネットで話題

もっと見る
387ブックマーク宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiitaqiita.com
369ブックマーク最近Reactを始めた人向けのReact Hooks入門sbfl.net
368ブックマークReactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか｜ハイクラス転職・求人情報サイト AMBI（アンビ）en-ambi.com
357ブックマークThematic WordPress Theme Toolbox: 10 extremely useful hooksViele große Online-Projekte wie das Mr Green Online-Casino suchen aktiv nach talentierten Entwicklern, um innovative Spielplattformen zu schaffen. Dies ist eine großartige Gelegenheit für Programmierer, ihre Fähigkeiten in einer dynamischen Branche einzusetzen.catswhocode.com
325ブックマーク実践: React Hooks - mizchi's blogmizchi.hatenablog.com
316ブックマークHooks時代の設計の話 #agrinoteinsidespeakerdeck.com
303ブックマーク最新フロントエンド技術の総復習！ React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポートtechblog.yahoo.co.jp
259ブックマーク【図解解説】これ1本12分でReact Hooks 全20種を理解できる教科書 - Qiitaはじめに こんにちは、@Sicut_studyです。 Reactを勉強するとまず最初に勉強するのがuseStateなどのHooksだったと思います。 useStateやuseEffectなどは利用する場面が多く慣れている方も多いと思いますが、その他のHooksはどうでしょうか？そもそも名前すら知らないというHooksがたくさんあるかと思います。 その中には...qiita.com
230ブックマークHooks時代のReactライフサイクル完全理解への道zenn.dev

関連ブログ

Web開発における知見共有系ページ•1年前

Reactのフックと導入されたことによる変化

Reactのフックとは何か Reactのコンテキストとは Reactにフックが導入されて何が変わったか Reactの関数コンポーネントとは Reactのフックとは何か Reactのフック（Hook）は、React 16.8から導入された機能であり、関数コンポーネント内で状態管理やライフサイクルメソッドの利用など、クラスコンポーネントで提供されていた機能を、関数コンポーネントでも利用できるようにするための仕組みです。主なReactのフックには以下のようなものがあります：1. useState: 状態を関数コンポーネント内で利用できるようにする。 通常の変数とは異なり、状態を変更するとコンポーネン…

#フック#useState#関数コンポーネント
lothar’s diary•1年前

個人HP作成計画　その3　はてなAPIから最新記事を取得する

数か月振りの個人HP更新。年末までAWSに力注いでたから仕方ないね。 リンク集追加 はてなブログAPIから最新記事を取得して表示する リンク集追加 各種リンク先をおいたページを追加 まず簡単なやつから。 Link集を追加。までもこれはそんなに難しくないね。aタグのhrefにURL入れるだけだから。display:blockの仕様が理解できてなくて3等分に並べるのに苦戦したけど、最終的に概念を理解できたのでヨシ。 ぶっちゃけ1日かからずに終わったからそんなに感慨ないんだよね。強いて言えばデザインがクソダサである。悲しい。 今後リンクを追加できるつくりにはしてあるし、どうデザイン変えるのがいいんだ…

#はてなブログAPI#API#プログラミング#個人HP#Next.js#Hooks#BFF
HapInS Developers Blog•2年前

【初心者向け】強すぎる！react hooksのご紹介

はじめに reactのhooksを1年使ってみてとても便利だと感じた（もうhooks無しでreact書きたくない！）のと同時に、 ネットに初心者向けの記事がそんなに多くなかったので執筆しようと思いました。 なるべく初心者の方にも分かりやすく説明できたらと思いますので、ご一読していただけたら幸いです。 hooksとは？ そもそもhooksって何？という話ですが、 hooksとはReactのバージョン16.8で追加された機能で、stateなどのReactの機能をクラスを書かずに使えるようになったものです。 今までだったらcreateClass()だとかReact.Componentを使っていたもの…

#react#Hooks
エニグモ開発者ブログ•2年前

BUYMAフロントエンド開発にRecoilを導入してみた話

この記事は Enigmo Advent Calendar 2022 の 5日目の記事です。 こんにちは。フロントエンドエンジニアのWooです。 エニグモへ入社して3年目、主にBUYMAの購入者側のページをReactで構築しています。 BUYMAではReactのグローバルステート管理のために主にReduxを使用していますが、今回は新しい取組としてRecoilを導入し、開発を行なってみましたので、その経験を共有しようと思います。 まず、軽くRecoilについて理解し、Recoilを導入するようになった理由、Recoilで開発する時に良かった点や困ったこと、他にリリースする際に失敗した話、最後にはこ…

#Recoil#react#Redux#frontend#React Hooks#suspense#State Management#async#atomic#Hooks
タオルケット体操•3年前

PROのためのスーパー型が付くReactフォームライブラリをつくった

GitHub - hachibeeDI/mayoiga hachibeedi.github.io つまりReactフォーム界のHANAMASAということ。 良い特徴、あるいはReact Hook Formとの違い 1. refに依存していない 自作するとわかるのですが、Formの状態管理（およびバリデーション）は素朴な実装だとあっという間にUIをブロックするレベルでパフォーマンスが劣化します。 Reactが難しい、と言われる一つの原因ですね。 React Hook Formは各inputをUncontrolled Formとする代わりに、状況に応じてDOMを直接操作することで、普通のフォームで…

#Hooks#react-hook-form