なぜGoogleの素材デザインを考えずにAnt Designを使うのでしょうか?

1545 ワード
antd ポートフォリオ UI テキストリンク

react UIライブラリには本当にいろいろな種類があります.UIライブラリに接触している開発者は、Bootstrap、Material-UI、意味UIを聞いたことがあるかもしれません.上記のライブラリに関する情報はたくさんありますが、Ant FinancialのAntdはあまり見られないと思います.一般的にコミュニティでは大きなMaterial-UIを使用するのが一般的ですが、以下のような利点から、今回の作業ではantdを使用しました.
長所
  • を初めて勉強した場合、AndはMaterial-UIよりも速く学ぶことができます.
  • Material-UIのように、デザインメニューがあれば、このフレームワークに従えば失敗する作品は出ません.
  • 転送、レート、カスケードなどの他のライブラリで容易に見られない構成部品をサポートします.
  • 設計自体は直線的で、簡潔なウェブページ、モバイルデバイスの作成に適しています.
  • 色はファッションを構成しており、各素子には変形可能な例が多いため、UX幅も広くなっている.
  • レイアウトが用意されているので、完成度のある作業が可能です.
    • ためらっていたが、一言で言えば「簡単に勉強して、専門家を装うのがちょうどいい!」いいですよ.
    短所
    しかし、Anddにもそれに劣らない欠点がある.
  • AntFinancialはアリババグループの子会社です.その言葉の基本言語は中国語です.もちろん英語に変えてもいいです.
    翻訳の助けが必要なところはパパゴがいないわけにはいかない.
  • 韓国語の資料が不足している.ライブラリをより大きくするためには、コミュニティの成長が必要ですが、停滞しています.この点は大きな欠点のように見えます.情報を探しても見つからない...
  • は容量が大きく、提供が多い.
  • Lessベースなのでstyled-componentsとの互換性はあまりよくありません.Styled-conentsでoverridingを1つずつ行うと、より効率的ではないようです.同じことを何度もやった.Styled-Componentsは、互換性の良いことで知られるMaterial-UIを使用するのに適しています.でも今回の仕事はStyled-componsesでスキップしなかった
  • アクティビティ以外のアクティビティを使用するためにdivを使用して保護するのも効率的ではないようです.
    • インストール方法
    $ yarn add antd
    or
    npm install antd --save
    吹く方法は以下の通りです.
    import 'and/dis/antd.css';
    詳細は公式サイトで!
    Ant Design
    コピー＆ペーストせずに HTML で SVG 要素を再利用する
    Javaアーキテクチャ-SUAにおけるspringmvcにおけるrestfulサービスのデータ権限暗号化方式の共有