React

why-i-wont-use-nextjs
2,212 views

私がNext.jsを使用しない理由

以下の文章は、執筆者のKent C. Doddsさんからの許可を得て翻訳したものです。 https://www.epicweb.dev/why-i-wont-use-nextjs あなたはこれから新しいプロジェクトに取り掛かるのでしょうか。...

chrome-x-reactでonmouseleaveがうまく動かない問題
248 views

Chrome × ReactでonMouseLeaveがうまく動かない問題

svg要素を包むコンポーネントにonMouseLeaveを指定してコンポーネントから出たときにアクションを発火させたかったのだがうまく動かなかった。 具体的には素早くカーソルを動かすと、イベントを拾ってくれないようで想定した挙動が起こらない...

react-digraph使い方
101 views

react digraph使い方

公式 GraphViewコンポーネント Props GitHub - uber/react-digraph: A library for creating directed graph editors nodeKey: 内部的にD3の操作に...

react-performance
80 views

Reactパフォーマンス・チューニングチートシート

最低限下の記事は呼んでおきましょう お前らのReactは遅い パフォーマンス最適化(React公式) 差分検出処理(React公式) フック API リファレンス 以下はこれを読んだ前提で書いていきます プロファイリング パフォーマンス・チ...

redux-sage
253 views

redux-sagaまとめ

8\. API Reference · Redux-Saga take 指定されたパターンのアクションが発行されるまでこのtakeで止まる。 takeLatest アクションを受けてsaga関数を発火する。 同じアクションでまだ実行中のプロ...

Reactを使った事例

  • プロダクト / Web システム開発 / セキュリティ診断・対策

    事例:マルチプロダクトの共通認証基盤

    業務向けソフトウェアを提供する企業との取り組みです。同社はプロダクト共通の認証基盤の内製を開始しましたが、技術的な難しさから着手直後に断念しました。開発支援会社の KDOT はその開発を引き継ぎ、共通基盤を設計しました。AWS の認証サービスである Amazon Cognito による認証とトークン発行に、Go で実装した独自の認可サービスを組み合わせた構成です。現在は同社の 10近いプロダクトがこの基盤を共通で利用し、新たなプロダクトを追加するたびに認証を再構築する必要がなくなりました。KDOT は統括するチームでこの複雑な基盤を開発し、その上で機能追加と運用保守を数年にわたって継続しています。