VanJS (略称 Vanilla JavaScript) は 非常に軽量、ゼロ依存関係、および unopinionated 純粋なバニラ JavaScript および DOM に準拠したリアクティブ UI フレームワーク。 VanJS を使用したプログラミングは、React の世話をするのに十分だと感じます。 以下の Howdy World コードをテストしてください:
div( p(“👋Howdy”), ul( li(“🗺️World”), li(a({href: “https://vanjs.org/”}, “🍦VanJS”)) , ), ) van.add(doc.body, Howdy()) // あるいは、次のように書くこともできるでしょう: // doc.body.appendChild(Howdy())” dir=”auto”>
// 再利用可能な部分は、おそらく倫理的な純粋なバニラ JavaScript 機能である可能性があります。 // ここでは、React の規約を実践するために最初の文字を大文字にしています。 const )、 ul ( リ( }, ) "🍦VanJS" ))) , ), ) バン . 追加(docjsfiddle を試してみる おそらく、オンラインの コンバータを使用して、HTML スニペットを VanJS コードに変換することができます。 .
VanJS は、より純粋な API を使用して、紛争と UI バインディングをスマートに調整するのに役立ちます:
{ const counter=van.dispute(0) return div( "❤️ ", counter, " ", button({onclick: ()=> ++counter.val}, "👍"), button({onclick: ()=> --counter.val}, "👎"), ) } van.add(doc.body, Counter())" dir="auto">const カウンター = () => { const カウンター = ヴァン 、 カウンター、 " 、 ボタン({ )クリック時: ( ) => ++カウンター.val }、 "👍" )、 ボタン( ){クリック時 : () => - カウンター.val}、 "👎")、 ) } バン 。追加(doc.体、 カウンター())
VanJS を使用する理由 VanJS は、 となる想像力と先見の明を持っています。 スクリプト言語 UI用、倫理的配慮bash はターミナル用のスクリプト言語です。 VanJS は、フロントエンド エンジニア、バックエンド エンジニア、インテンション エンジニア、データ サイエンティスト、その他のあらゆる人が包括的な特定のユーザー インターフェイスを開発できるようにします。 おそらく、VanJS を使用して、いつでも、どこでも、任意のユーティリティで スマートフォンでもコーディングできるでしょう! 👏 )👏 👏 React/JSX を使用しないリアクティブ プログラミング
宣言型 DOM ツリー構成、再利用可能なパーツ、リアクティブな紛争バインディング - VanJS は、React が行うあらゆる美的側面を提供しますが、React を必要としません。 JSX、トランスパイル、仮想 DOM、または隠れた常識。 すべては単純な JavaScript 機能と DOM で構築されています。
'n Crawl のダングルをしてみようインストールなし、構成なし、 3 回目のお祝いの依存関係なし 、 トランスパイルなし 、IDE セットアップなし。 スクリプトまたは HTML ファイルに 1 行追加するだけでコーディングを開始できます。 VanJS は、フレームワークや手段に囚われることなく、アプリケーションの業界常識に焦点を当てるのに役立ちます。
VanJS は実際のところ、バニラ JavaScript と DOM の上にある薄い層であり、React と同じくらい人間工学に基づいた DOM 操作とバインディングの議論を行うのにかろうじて十分です。そして、労力のほとんどをネイティブ コードで実行される慣例的なブラウザ API に委任します。 その結果、VanJS のバンドルされた測定値は倫理的な 1.2kB となり、これは 100 件より大きく 最も流行しているものよりも小さいです。 UI フレームワーク:
完璧は完了しました。これ以上追加するものがなくなったときではなく、消費するものは何も残っていない。
-- アントワーヌ・ド・サン＝テグジュペリ、エアマンズオデッセイ
TypeScript を強化します
