マイクロフロントエンド

あるランダムな一日前、私は「マイクロフロントエンド」についての冗談の後に冗談を聞き始めました。トーストについて最初に学んだ方法です。カム・ジャクソンからこの記事を発見した尋ねるまで、私は情報源を理解していませんでした。

この記事では、フロントエンドモノリスをより小さく、より管理しやすい部分に分割する最近の傾向と、このアーキテクチャがフロントエンドコードで作業するチームの有効性と効率を高める方法について説明します。

「フロントエンドモノリス」と「フロントエンドコード」を読むべきだと主張しますが、すでに脱線します。

このアイデアはマイクロサービスに似ていますが、フロントエンドの場合。したがって、1つの大きなフロントエンドアーキテクチャ（例：Reactアプリ）の代わりに、フロントエンドのさまざまな部分が互いに完全に独立して開発され、互いに依存関係がなく、独立して作業して展開することができます。

それは、それが本当に興味深い未来の予言であるかどうかをまったく知ることができないものの1つです。

私の心が最初に行くのは、一貫性と乾燥です。私が働いていたところならどこでも、これらのことは大したことであり、業界全体では、シャベルの技術的な負債で繰り返されることなく、一貫性とまとまりのある出荷設計に無限のフロントエンドの問題を抱えているようです。独立したフロントエンドは、チームBが直接的な関係のないもののためにチームAによってブロックされている場合、問題のように聞こえますが、チームBの出力がチームAの出力との矛盾に向​​かって漂う問題を導入します。

この記事自体は、さまざまな独立した製品/チームが取り組んでいる3つすべてが、閲覧/検索ランディングページ、詳細/注文ページ、およびプロフィールページについて説明しています。それはちょっとクールで面白いように聞こえます、そして、それはまた、それらのチームが職場でお互いのすぐ隣に座っている方が良いように聞こえます。そうでなければ、このアプリは2週間でフランケンシュタインのモンスターの道を進んでいます。スタイリングは、「私はdunno、良い仕事をする」というような雰囲気で軽く対処されています。チームはすべて同じ製品にいるときにこれに苦労しているので、ここでは大きな懸念があります。これが真剣に議論されている場合に最初に解決しようとするのは、それをすべて超越し、誰もが必ず使用しているデザインシステムです。

そして、それらのマイクロフロントエンドが同じページに共存する場合はどうなりますか？

他の統合オプションは、それらを独自のバンドルやネイティブのWebコンポーネントに分離することは少し良くなります。それでも、Vuewコンポーネントと同じページでReactコンポーネントが平手打ちされる可能性のあるサイロ化された開発のアイデアは、かなり具体的な組織の問題に対する大きなユーザーペナルティのように思えます。言うまでもなく、コードベースの共通の理解と、より小さなツールセットのより深い技術的理解の利点を失っています。

特にアイデアは私にとってかなり新しいものであり、私はこれまでこのように働いたことがないので、私はおそらくこれをすべて公平に特徴付けていないでしょう。

Nader Dabitには、React、Vue、およびシングルスパを備えたマイクロフロントエンドを構築するフォローアップ記事があります。ちょうど私はそれを誤解していません：アイデアは本当にあなたがReactアプリを構築するかもしれないということです。私はVueアプリを構築し、同じページで一緒に叩きます。私は間違いなく、同じページでjQueryの複数のバージョンを使用したサイトを見つけたときに笑った時代から来ました。それはJavaScriptでいっぱいのバケツであり、理由もなく複製され、バグを引き起こし、ページを遅くしているため、私たちは顔をしかめました。これはそれほど違うとは思えません。

ジョエル・デニングは、このテーマについてAMAで指摘しています。

私たちは、アイデアの「綿密に調べることなく憎む」段階にいることを指摘しています。正当な、綿密な調査の後、アイデアがまだ失敗していることは完全に可能です。しかし、伝えるには早すぎます。

けっこうだ。

積み上げてすみません。 ？

pic.twitter.com/mhlu0it5dr

- Chris Coyier（@Chriscoyier）2019年6月20日

以上がマイクロフロントエンドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。