[[433265]]

Reactは、最高のフロントエンド開発ライブラリの一つです。これは、既存の機能と統合されたライブラリを構築してきた開発者コミュニティのおかげでもあります。今日は、2021年に最も人気のあるReactライブラリを5つご紹介します。

1. リアクトホットトースト

これらのトースト通知は使いやすく、アクセスしやすく、完全にカスタマイズ可能で、任意のアプリケーションで直接使用することができ、次の機能があります。

簡単にカスタマイズ可能

• Promise API - Promises からのオートローダー
• 軽量 - スタイルを含めて 5kb 未満
• アクセシビリティ
• カスタム

アドレス: https://react-hot-toast.com/

2. 常体

JotaiはReactの状態管理にボトムアップアプローチを採用し、Recoilに着想を得たアトミックモデルを採用しています。状態はアトムを合成することで構築され、レンダリングはアトミックな依存関係に基づいて最適化されます。最も重要なのは、サイズがわずか6KBであることです。

アドレス: https://jotai.pmnd.rs/

3. フレーマーモーション

このプロジェクトはFramerチームによって作成されました。スムーズに動くアニメーションを作成できます。そして何より嬉しいのは、CSSを書く必要がないことです！

AnimatePresenceツールを使えば、コンポーネントの入口と出口をアニメーション化することもできます。React開発者なら、これがいかに難しいかご存知でしょう。

アドレス: https://www.framer.com/motion/

4. Reactフックフォーム

このプロジェクトを使えば、ユーザー入力の処理と検証にかかる時間を大幅に節約できます。React-hook-form は実行時にユーザー入力を検証し、正しいデータがすべて揃っている場合にのみフォームが送信されるようにします。

React-hook-formの主な目的は、動作に必要なコード量を削減することです。正直なところ、コード量を減らしたいと思わない人はいないでしょう。

アドレス: https://react-hook-form.com/

5. チャクラUI

Chakraは、フロントエンドを数分で作成できるシンプルでモダンなコンポーネントキットです。あらかじめ用意されたコンポーネントは完全にアクセス可能で、見た目も非常にシンプルです。

直感的な API により、独自のスタイルを追加してフロントエンドを実際に作成することも非常に簡単になり、UI の外観がより一貫性がありクリーンになります。

アドレス: https://chakra-ui.com/

Yuanmei が Open Source Top (ID: OpenSourceTop) からコンパイル

リンク: https://javascript.plainenglish.io/the-5-hottest-react-libraries-out-there-287f2b8c3029