useStateとuseReducerって実は大きな違いがある
はじめに 都内でフロントエンドエンジニアとして開発をしているものです。 具体的な技術スタックは下記です React.js Next.js TypeScript GraphQL(Apollo) 今回は React.js の Hooks であるuseStateとuseReducerの違いについて色々述べていきたいと思います。 この記事を書こうと思ったきっかけ 今まで私はuseStateを利用して基本的に開発しており、useReducerを扱う機会がありませんでした。 そんな中ある複雑な画面をuseStateで実装すると品質を担保できず、バグを生んでしまったからです。(著者の実装力不足もあると思いますが。。) しかし同じ画面をuseReducerで書き直すことで品質を保つことができ、世間で紹介されている useReducer とは違ったメリットが見えてきたので発信することを決めました。 Reac
フック API リファレンス – React
この記事は古くなっており、今後更新されません。新しい React 日本語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方が学べます。 react: フック フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 このページでは React 組み込みのフックについて説明します。 フックが初めての方は、先に概要ページを確認してください。よくある質問にも有用な情報が掲載されています。 基本のフック useState useEffect useContext 追加のフック useReducer useCallback useMemo useRef useImperativeHandle useLayoutEffect useDeb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
