! 本記事は、同じテーマを別のスタックで扱った次の2本の関連記事があります。前提知識や設計原則の部分には一部に意図的な重複記述がありますが、3本はそれぞれ独立して読めるように書いています。同じ題材(ImportJobの状態遷移とUI優先表示)を異なる言語・フレームワークで実装した比較として、気になるスタックのものだけを読んでいただいても構いません。 Reactのフラグ地獄を状態遷移テーブルで解消する — モーダルとオーバーレイの優先表示まで設計する Railsのフラグ地獄を状態遷移テーブルで解消する — モーダルとオーバーレイの優先表示まで設計する この記事で学べること 3分で...

💾

はじめに Reactで画面の表示切り替えをフラグで管理するコードは、いろいろなプロジェクトで見かけます。 const [isLoading, setIsLoading] = useState(false); const [isError, setIsError] = useState(false); const [hasData, setHasData] = useState(false); const [data, setData] = useState<User[]>([]); const [error, setError] = useState<Error |...

💾