ProviderタワーをRecoilに置き換える

ReactアプリケーションではProviderタワーがよく見られます。Providerタワーは、アプリの上の方で次のコードのように複数のProviderが積み重なっている状態のことです（一般的な呼称かどうかは知りません）。 const App: React.FC = () => { return ( <FooProvider> <BarProvider> <BazProvider> <MainContents /> </BazProvider> </BarProvider> </FooProvider> ); }; Providerは、コンテキストに対して値を供給する役割を担っており、コンポーネントツリー内でProviderより内側に配置されたコンポーネントからはそのコンテキストの値を参照することができます。コンテキストは、Reactにおいて外部ライブラリを使わずにステート管理（特にアプリ

[ebo-c]

汎用的に Pyramid of Doom とか呼ぶらしい。その昔の ECMAScript では Callback Hell が一種の Pyramid of Doom だったのだと思う

[jay-es]

provider hell や context hell という表現を見たことあります

[Keisuke69]

へー、こういうのProviderタワーって言うのか。ご多聞に漏れずそうなってるなー。でもコンテキスト間の依存関係は今のところなかったはず。そしてその解決策としてRecoil使えるのね