初心者のための4つの役に立つ反応NPMパッケージ

ねえ、そう、これは我々が反応を学んでいる間、私が非常に役に立つとわかるNPMパッケージについて話す簡単なものであるつもりです.ここに彼ら🔽🔽🔽.

TLR😉

AOS アニメーション用

SVG-loaders-react ローディングオーバーレイ

Material-ui/core スタイリング

Material-ui/icons アイコン用

使用理由📝

気象庁

スクロールライブラリ上のアニメーションについての発見は、私が本当に感謝していた何かであった、私は以前、フォワードリファレンスといくつかのグラウンドワークを必要とするライブラリを使用していたが、これを使用して、それは非常に簡単だった:

NPMパッケージをインストールします

  npm install aos --save

アプリの初期化.js

  AOS.init();

それは、あなたがサポートしている人気のアニメーションのいずれかを追加することができます.

  <div data-aos="fade-left">
  // content you want to fade from the left
  </div

SVGローダが反応する

プロセスがあなたのアプリケーションで実行されているローダを追加何か小さいものですが、全体的なあなたの経験にトンを追加します.このライブラリは、あなたの反応アプリのための簡単かつ直感的なSVGローダを提供します

NPMパッケージをインストールします

npm i svg-loaders-react

提供するローダの数をインポートして使用します.

    import { Bars } from 'svg-loaders-react'

    //used like this 
    <Bars/>

    //more components can be found on the npm site

コア＆アイコン

今、私たちのほとんどは聞いたことがあり、これを使用しても知っているが、私はそれを見つけるためにどのように有用で使いやすいため、再びそれを持っていきたい.
彼らが提供する機能は非常に直感的な応答と迅速にピックアップすることです.ドキュメントも非常に素晴らしいと従うことは簡単です.
インストールと使用のために、旗をクリックしてください⛳

結論

それで、それらは非常に頻繁に私が開発の間、ものを少しより簡単にする若干の素晴らしいパッケージです.とにかく、偉大な1つを持って👋