Hooks時代の設計の話 #agrinoteinsideウォーターセル株式会社の社内勉強会 https://water-cell.connpass.com/event/178648/ で発表したものです。 YouTube Liveアーカイブはこちら https://youtu.be/ZLUie-ndKgw
React Hooks で作るIcon Dashboard - DeNA Design
当記事は「DeNA アドベントカレンダー」14 日目の記事です。10 月末、React に「Hooks API」が発表されました。今日はこの React Hooks を利用して iOS でお馴染みの Icon Dashboard を実装します。アイコン配置をドラッグで動かす挙動を通常レイアウトで賄うことは困難なため、独自のレイアウトロジックを組みます。 なお、本稿は「React Hooks 大喜利」一人アドベントカレンダーのスピンオフサンプルです。24 個のサンプルを githubで、実装 Tips を Qiita で毎日公開しています。興味のある方はそちらも覗いて頂けると嬉しいです。また、今回のサンプルは HOF で Hooks API を凝集したり、Custom Hooks のネストをしたりと、大喜利の中で最難関の Custom Hooks になっています。 github : $ ya
ベストな手法は？ Reactのステート管理方法まとめ - ICS MEDIA
Reactでのシングルページアプリケーションを作成していると、必ず意識しなくてはいけないのが状態管理です。Hooks APIの登場により、アプリケーションの状態管理方法にも選択肢が増えてきました。2023年のReactアプリケーションの状態管理方法はどのような選択肢が考えられるでしょうか？ 状態管理の選択肢 Reactの状態管理として本記事でには紹介している手法は下記の4通りになります。 ローカルステート（useState、useReducer）での管理 Hooks APIのuseReducer、useContextを使った管理 Reduxによる管理 Recoilによる管理 状態管理フレームワークは他にも選択肢がありますが、Reduxを紹介します。理由は、候補として挙がるライブラリの中でもっともシェア数が多く、知名度が高いためです。 下図は、主要なReact状態管理フレームワークのダウンロ
雰囲気で使わない React hooks の useCallback/useMemo - Qiita
React hooks にはメモ化のための useCallback と useMemo という関数があります。 hooks を使い始めて、この二つの関数を知った私はこう思いました。 「え？無条件でパフォーマンス上がるんなら全部これで書くべきやん！」 と。 というわけで、しばらくそのスタンスで書いてきたのですが、果たしてこの「無条件でパフォーマンスが上がる」という前提は本当に正しいのか、というかそもそも"パフォーマンス上がる"とは具体的に何をしてくれるのかを理解せずに使っていたので、ここで「全て useCallback/useMemo で書く」という方針が正しいのか、それとも他の方針が存在するかを考えてみました。 大きく次の3つの観点で考えます。 パフォーマンス 可読性 バグの発生しやすさ 1.パフォーマンス 「そもそも useCallback/useMemo はパフォーマンス向上の用途なの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
