AgnosUIダウンロードAgnosUIソースコードのダウンロード

AgnosUI

サードパーティ製コンポーネント

v0.7.0

ダウンロード

Agnosui-コンポーネントが輝く場所

ステータスを構築します

導入

Agnosuiは、CSS Bootstrap設計に準拠した、構成可能なタイプスクリプトコンポーネント工場、ヘッドレスラッパー、すぐに使用できるコンポーネントを提供する強力なライブラリです。 NG-Bootstrapの成功に触発されたAgnosuiは、選択したフロントエンドフレームワークとシームレスに統合できるコンポーネントを提供することにより、コンセプトをさらに一歩進めます。 Angular、React、Svelteなどの一般的なフレームワークをサポートすることで、Agnosuiを使用すると、プロジェクト全体で一貫した視覚的に魅力的なUIコンポーネントを簡単に作成できます。

Agnosuiの機能を確認するには、デモサイトを自由に検討してください。

重要な特性

フレームワークアグノーシス的なコンポーネント：Agnosuiのコンポーネントアーキテクチャは、フレームワークに依存しないコアを中心に展開します。各コンポーネントはこのコアに実装され、そのモデル（データ）とこのデータを操作するために必要な方法に焦点を当てています。この抽象化により、開発者は特定のフレームワークとは無関係にコンポーネントを作成し、さまざまなプロジェクトへの統合を促進できます。
広範なフレームワークサポート：Agnosuiは現在、広く使用されている3つのフロントエンドフレームワークのサポートを提供しています：Angular、React、およびSvelte。この多様な互換性により、開発者は、選択されたフレームワークに関係なく、プロジェクト全体でアグノスイのコンポーネントをシームレスに活用できるようになります。
各フレームワークのアダプター：異なるフロントエンドフレームワークとの互換性を実現するために、Agnosuiの各コンポーネントには、サポートされているすべてのフレームワークのアダプターがあります。これらのアダプターは、次のようなコンポーネントのUIを構築する上で極めて重要な役割を果たします。
- コアデータに基づいて適切なマークアップを構築します。
- ユーザーアクションを対応するコアメソッドに接続します。
- モデルの変更を聞き、マークアップの再レンダーを自動的にトリガーします。
柔軟なコンポーネントのカスタマイズ：Agnosuiを使用すると、開発者はコンポーネントサブツリー内の任意のポイントでコンポーネントプロップを構成およびオーバーライドできます。この柔軟性により、広範なカスタマイズの可能性が可能になり、開発者が特定のプロジェクト要件に合わせてコンポーネントを調整できるようになります。
徹底的なテスト：Agnosuiの中核は、Vitestを使用した包括的な単体テストを受け、特定のフレームワークからの独立性を確保します。さらに、さまざまなフレームワークとブラウザ（Chromium、Firefox、WebKit）にわたって劇作家を使用して、厳密なエンドツーエンドテストが行われます。マークアップはすべてのフレームワークで一貫しているため、これらのテストは本質的にフレームワークに依存しており、堅牢で信頼性の高いコンポーネント機能を保証します。すべてのフレームワークでSSRコンプライアンスを確保します。また、Verdaccioを使用してライブラリの統合テストを行っています。

利点

一貫したユーザーエクスペリエンス：Agnosuiのアダプターベースのアプローチにより、サポートされているすべてのフレームワークにわたって均一なユーザーエクスペリエンスが保証されます。コアレベルで実装された修正または新機能は、すべてのアダプターに自動的に伝播し、フレームワーク間の不一致を最小限に抑えます。
機能保証：テストに重点を置いて、Agnosuiはフレームワーク間の一貫した機能を保証します。開発者は開発者にとって非常に貴重です。開発者は開発を簡素化し、自信を持ってコンポーネントを作成できるようにするためです。