Show HN: Nue – Reactボタンより軽いアプリ

 (nuejs.org)
2 ポイント 投稿者 GN⁺ 2025-04-02 | 1件のコメント | WhatsAppで共有
  • Nueは、HTML、CSS、JavaScriptだけでもアプリ全体をReact/ShadCNのボタンより小さくできるとして、現代のWeb開発における重すぎるデフォルトに疑問を投げかけている
  • 同じアプリにRust計算エンジンとEvent Sourcingを組み合わせ、150,000件のレコードで即時検索や各種操作を行うデモを提供している
  • JavaScriptエンジンは最大コールスタック例外で停止したが、Rust/WASM版は同規模のデータを即時処理できる事例として示されている
  • Reactのイディオムの代わりに、モデル優先アプローチ、テスト可能な関数、静的型、最小限の依存関係を前面に出してアプリ構造の単純化を図っている
  • デザイン・UXエンジニアには、40,000行を超えるデザインシステムやReactフック、ユーティリティクラスではなく、モダンCSSで直接制御する方法を強調している

Reactボタンより軽いアプリのデモ

  • Nueのデモは、HTML、CSS、JavaScriptをWeb標準に近い形で活用したとき、アプリをどれだけ小さくできるかを示している
  • アプリ全体のサイズがReact/ShadCNのボタン1つより小さい点を前面に打ち出している
  • 大規模版では、同じアプリにRust計算エンジンとEvent Sourcingを追加している
    • 150,000件のレコードで即時検索やその他の操作を行う構成を目指している
    • JavaScript版エンジンは最大コールスタック例外で停止した
    • Rust/WASMデモでは、150,000件のレコードに対する即時処理を確認できる

Nueが目指す開発スタイル

  • Rust、Go、JavaScriptエンジニアに対しては、Reactのイディオムよりも伝統的なソフトウェアパターンと分離されたモデル層を活用する方向を強調している
    • Nueはモデル優先アプローチを中心に据えている
    • シンプルでテスト可能な関数、静的型、少ない依存関係を志向している
  • デザインエンジニアに対しては、Reactパターンや40,000行を超えるデザインシステムの代わりに、モダンCSSでよりシンプルなシステムを作れるとしている
    • 例として@layers、CSS変数、calc()に言及している
    • タイポグラフィと余白を直接制御する方法を重視している
  • UXエンジニアに対しては、Reactフックやユーティリティクラスの障壁を下げ、ユーザー体験を直接扱う流れを提案している
  • NueはWeb標準中心のWebフレームワークで、現在も活発に開発が進められている
  • 単一のボタンがアプリケーション全体より重い状況を、現代Web開発の隠れた複雑性の一例と捉え、よりクリーンで堅牢なアーキテクチャでツールやフレームワークを作り直そうとしている

関連記事