はい、JSの別の新しいライブラリ、共有したいと思います。 もちろん、 積極的な建設的なフィードバックよりも、フィードバックを切望しています。
私はモニターが深くて太鼓腹で、サーバーが現在の携帯電話と競合できる太古の昔からプログラミングを行ってきました。 GUIからSQLまで、またその逆でも、さまざまな言語で記述しなければなりませんでした。
Javascriptは、ボタンを強調表示するためだけに使用されたときでも私を魅了しました（CSSは常にそうではありませんでした）。 DOM APIは、ユーザーインターフェイスのプログラミングプロセスを簡単でゆったりとしたものにすることを約束しました。 明るい、美しい未来を直接見ました。 さて、ここに来る。
DOM API-ブラウザーに最適なUIフレームワーク
あなたは同意しないかもしれませんが、そうです、そして私は誰も扱いません。 はい、その欠点についてはよく知っていますが、利点はそれよりも重要です。 彼は最速です-これに対するマントラは無力です。
快適な開発のために（私にとって）欠けているのは、作成する可能性です
複合コンポーネントのライブラリを備えた再利用可能なモジュール。 このような機会を作ろうとする私たちの試みはすべて、放射性の怪物や角張った車輪を備えた自転車を生み出します。
私たちはこれを小さくして多くのことをしたいのですが、不便とブレーキがかかります。
あなたが言う-結局のところ、Webコンポーネントがあります...
まあ、はい、残念ながらモジュール化されていません。これらの技術は優れていますが、他の目的のために作られています。 配信用-はい、レイアウト用ではありません。
新しいYouTubeの開発プロセスでは、400以上の特別なカスタム要素を作成する必要がありました。 原則として-YouTubeにとってはそれほどではなく、すべてがグローバルな範囲に収まりました。 同意します-モジュール性の欠如は問題です。
W3Viewを使用すると、再利用可能なモジュラーコンポーネントライブラリを作成できます
そして、タンバリンで踊ることなく、実際に起こっていることを完全に制御できます。 DOM APIのすべての力を手に入れており、疑わしい概念があなたにかかっているわけではありません。 テンプレート言語のperい構文、倒錯したJSX、または暗号化されたデータバインディングに耐える必要はありません。作成者が意図したとおりに、HTMLをそのまま保持します。
// ! // "hello-world" <div as="hello-world"> <h1 ref="content"></h1> <input ref="input" placeholder="type your name here"> <h1>Hello <span ref="name">Anonimous</span>!</h1> <script type="javascript"> this.ref.input.onkeydown = this.ref.input.onkeyup = function(e){ me.setData(me.ref.input.value); }; this.onSetData = function(data){ me.ref.name.innerText = data || 'Anonimous'; }; </script> </div> // " hello-world" - <div as="double-hello-world"> <hello-world>Hello first</hello-world> <hr> <hello-world>Hello second</hello-world> </div>
「double-hello-world」をページに接続すると、実際にhello-worldが表示されます 。
もう少し複雑な例を示します。 さて、 TodoMVCがなければどこで ？ （誰もが、私がしました）。
上記の例では、コンポーネントライブラリは非常に小さく、ページの本文に直接組み込まれていますが、依存関係の解決をその場でモジュールとしてロードするか、事前に作成されたJSバンドルを接続できます。
バンドルは少し速くロードされ、縮小できます。
W3Viewはあなたに何も課しません、あなたの可能性を広げるだけです
MVC、MVP、MVVM、Fluxなど、あらゆるアプリケーション構造を適用できます。 あらゆる種類のオブザーバーとディスパッチャーを使用できます-あなたの心が望むものすべて。 フレームワークによって課されるルールとは完全に独立したビジネスモデルを設計できます。 テンプレートに従ってUIを更新するロジックを広めたり、言いようのない方法で表現したり、さまようことをしたり、微調整したり、奇妙な質問に対する答えを探したりする必要はありません（このコンポーネントは更新すべきですか？）
巨大なコミュニティとのフォーラム、それで、神は禁じ、これまでに解明された唯一の真実をお見逃しなく。 これらすべてがなければ、あなたは生きることができますが、あなたは生きることができます。
サイズが重要です（あなたの祖母の言うことは何でも）
- メインライブラリには、378行もの通常の構造化コードが必要です。
- それ自体（moduleLoaderなし）は、ソースで約10.5 kB、最小2.1 kBの最小化+ gzです。
- ModuleLoader + httpreaderソースは、合計で約2.8 kBを追加します。
結論として
このことに興味がある場合は、 GitHubにアクセスするか、npmでインストールできます。
npm install -s w3view
（両方とも無料）
おそらく、W3Viewにはまだ完成すべきことがあります。たとえば、WebpackのローダーなどのJSモジュールを接続することです。確かに、何かを最適化することができます。 少し後で確認するか、誰かが助けてくれるでしょう（インポートの置換はまだです）。
あなたが私がすでにやったことを好きまたは嫌いなら-お気軽に
コメントを書いてください。
ありがとう