React Hooksでデータを取得する方法 - Qiita
Robin Wieruch氏によるHow to fetch data with React Hooks?を著者の許可を得て意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文： https://www.robinwieruch.de/react-hooks-fetch-data/ このチュートリアルでは、ステートフックと副作用フックでデータを取得する方法を解説します。テック系の人気記事を取得するためによく使われるHacker News APIを利用します。また、アプリケーション内の任意の場所で再利用したり、スタンドアロンのnodeパッケージとしてnpmに公開したりできるデータ取得用のカスタムフックも実装します。 React のこの新機能が初見であれば、まずReact Hooks入門に目を通してください。完成したプロジェクトでReact Hoos でのデータ取得事例
ReactHooksざっくりまとめ - 水無瀬のプログラミング日記
はじめに Hooksを触り始めている今日この頃。 雰囲気で色々触っていたけど、だんだん辛くなってきたのでちゃんとまとめていこうと思う。 APIリファレンスを見ながら、簡単に使い方とサンプルをまとめておく。 TL;DR. コード useState component内で使うステートフルな値と、それを更新するための関数を返す。 Class Componentのstateと同じ。 使い方 import { useState } from 'react'; // useStateに渡した値がstateの初期値になる const [state, setState] = useState(initialState); // stateの値を更新したいときはsetStateを使う setState(updateState); // 型指定したい場合、useStateの際に指定できる const [str
Reactのチュートリアルをhooks + TypeScriptでモダンな仕様にリファクタしてみた
Reactのチュートリアルをhooks + TypeScriptでモダンな仕様にリファクタしてみた 2019.12.14 2019.12.14 プログラミング 7518回 0件 この記事はCyberAgent20新卒エンジニアAdvent Calendar 2019の14日目の記事です。 reactの入門と言えば本家の丸ばつゲームを作るReactチュートリアルが有名ですが、少なくとも僕が勉強を始めた3年ぐらい前からサンプルのコード自体は変更されていません。（知らぬまに公式が日本語に対応していましたがw） hooksが登場したあたりからFacebookがこれからはクラスベースじゃなくて関数ベースのコンポーネントを使っていくようにしようね、とアナウンスしてるにも関わらず公式はクラスベースのままですし、時代はTypeScriptなのにJavaScript（しかもコードが読みにくく結構危険なコード
React Hooks でリストの絞り込み検索と並び替え機能のサンプル
React Hooks でリストの絞り込み検索と並び替え機能のサンプル ReactとHooks機能を使ってリストの絞り込み検索（フィルター）と並び替え（ソート）機能を作成してみます。 投稿日2019年07月23日 更新日2019年07月23日 準備 適当なコンポーネントファイルを作り作成しましょう。 importするのはuseStateとuseMemo import React, { useState, useMemo } from 'react'; export default () => { // ここにコードを追加していきます。 }; 初期データ（initialState） initialStateとして最初に表示されるデータを作成します。 実際のアプリケーションでは必要ないかもしれませんが、今回はサンプルの動きを見るために作成してます。 今回の検索は、テキスト入力でのタイトル検索と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
