Reactは州の管理において少しユニークです。 useState
やContextなどの一流のツールがありますが、レスポンシブグローバル状態に関しては、自分自身にもっと依存しています。 David Ceddiaの「React React State Management Library and Haw To Sease」の記事は、さまざまなオプションについてよく説明しています。他のすべての主要なJavaScriptフレームワークには、独自のグローバルな州の実装があるため、「Maverick」だと思います。
私の意見では、国家の概念はフロントエンド開発に不可欠です。コンポーネントのようなものです。デジタル製品を開発するための賢い方法です。州は、ウェブサイトで起こっているイベントの独自の抽象化です。サイドバーがオンまたはオフになっているか、コメントデータのリスト、ユーザーに記録されたログの詳細、または機能的なUIを作成して作成するために必要な他のものです。
これが、ネイティブのWebコンポーネントが状態を完全に処理しようとしていないという概念が、まだ私を驚かせる理由です。理由を理解するのに十分な知識はありませんが、オブザーバーとして、開発者がWebコンポーネント内およびWebコンポーネント全体で州の仕事をするための最良の方法を見つけるために一生懸命働いているのを見ることができます。最近、私はEvan You's @vue/lit
に会いました。これは、LIT-HTMLを使用してテンプレートを解決し、問題を解決するためのWebコンポーネントのミニチュアフレームワークであり、Vueのレスポンシブ状態を組み合わせます。私には、これはクールに見えます。
エヴァンのアイデアは、ライブラリの総サイズを約6kbにしました。それで、私たちはここでどれくらい小さいでしょうか? Krasimir Tsonevが書いた記事「国家管理のためのJavaScriptモジュールシステムを使用する」では、ライブラリをまったく使用しませんでした(途中で小さなライブラリが作成されたと言えます)。州のマネージャーは、私たちがインポートして使用するモジュールであり、基本的には値、バリオグラム、およびリスナーを含むオブジェクトです。これにより、州管理のオーバーヘッドがほぼゼロに減少しますが、より強力なライブラリで取得できる効率的な再レンダリング、より良いテンプレート、ライフサイクル機能を放棄するコストがかかります。
ライブラリをまったく使用していないと言えば、Leo Bauzaの記事「VigetはJavaScriptをどのように使用しますか?」、HTMLの上に機能を追加するために使用するネイティブパターンを紹介します。すべての関数はdata-*
属性を介して適用されているようです。各data
属性には、その特定の関数を処理する独自のJavaScriptモジュール(クラス)があります。ここにはグローバルな状態プロセスはないようですが、モジュール内で手動で状態を処理します。
これらすべてのことが面白いと思いました。私の仕事では、私はかなり典型的だと思います。これが小さなプロジェクトなら、私は自分でそれをするかもしれません。それが中規模であるが影響力の低いプロジェクトであれば、私は小説を選ぶかもしれません、そしておそらく実験的なアプローチを選ぶかもしれません。しかし、私がしていることが巨大で広範囲になると、たとえそれがより重いライブラリを意味する場合でも、大規模なプレーヤーから選択する方が快適になります。 ?
以上が状態を引き受けますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。