共有コードの問題-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

共有コードの問題

Patricia Arquette

Jan 05, 2025 am 12:31 AM

イントロ

共有コードとは何か、よく理解できましたか?
あなたの製品は共有機能を適切に分割していますか?
何かが共有されているときと、それが依然としてドメイン専用コードであるべきときを混乱する必要はありません。

私の場合、これらの質問は難しいと思いました。共有スペースが複数のページ/機能で使用されている場合、共有スペースを主な場所として使用する傾向があることに気付きました。

時間が経つとむくみの問題になります。現時点では、リポジトリ構造を大幅に変更しない限り、これを止めるのは困難です。

この状況から回復する方法はありますか?

今のところ、最初のドキュメントを作成しただけです。重大な変更を加える前に、すべてのチームからすべての要件とニーズを収集したいと考えています。ただし、他のチームの視点から変化を考慮することが重要です!

私はこの問題について同僚の一人と話し合いました。結論の 1 つは、FANG に雇われた人についての愚かなメッセージでした。「彼らがどのようにやってるかを見て、学び、戻って変化を実行するようにしてください」というものでした。

そうですね、問題を解決するのは大変なことでしょう。私たちにはまだできることがあります!

他のライブラリは共有コードをどのように管理していますか?例として Vercel リポジトリ。オープンソースプロジェクトと、そのプロジェクトがこの問題をどのように解決しているかを確認できます。

調査

免責事項: もちろん、ライブラリの保守は製品の保守とはまったく異なると言う人もいるかもしれません。それは本当です。視点を確立し、アイデアを得るために、まだ何かを見る必要があります。それに基づいて、私たちは前進できるかもしれません。

Next.js

まず next.js リポジトリの共有コードを見てみましょう:

https://github.com/vercel/next.js/tree/canary/packages/next/src/shared/lib

Problem of shared code

ざっと見てみたところ、vercel チームは非常にグローバルなものまたは外部ライブラリのみをそこに保持したいようです。必ずしも多くの場所で使用されるわけではありません。

この構造をよりよく理解するには、機能に関連するコードとその分割方法を確認する必要もあります。

TODO

反応する

https://github.com/facebook/react/tree/main/packages/shared

以上が共有コードの問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

JavaScriptの文字列文字を交換しますMar 11, 2025 am 12:07 AM

JavaScript文字列置換法とFAQの詳細な説明この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します：内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します最も直接的な方法は、置換（）メソッドを使用することです。 str = str.replace（ "find"、 "置換"）; この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace（/fi

カスタムGoogle検索APIセットアップチュートリアルMar 04, 2025 am 01:06 AM

このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。驚くほど簡単です！検索をyに制限することができます

8見事なjQueryページレイアウトプラグインMar 06, 2025 am 12:48 AM

楽なWebページレイアウトのためにjQueryを活用する：8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

独自のAjax Webアプリケーションを構築しますMar 09, 2025 am 12:11 AM

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか？ Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

＆＃x27; this＆＃x27; JavaScriptで？Mar 04, 2025 am 01:15 AM

コアポイントこれは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call（）、apply（）、bind（）などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした