react essential tools

React-Essential-Tools

必須の反応フックとコンポーネントのコレクション

ライブストーリーブックの使用例

特徴

• 学習と使用が簡単です。
• 豊富な有用なコンポーネントが含まれています。
• アプリから洗練された豊富な高度なフックが含まれています。
• 豊富な基本的なフックが含まれています。
• TypeScriptで書かれています。

インストール

 npm i react-essential-tools

使用法

Hooks APIを使用するには、 16.8.0以降がインストールされている必要があります。 ES6という名前のインポートを使用して、各フックまたはコンポーネントをインポートできます（ツリーシェーキング推奨）。

 import { Tooltip , useAsync } from 'react-essential-tools' ;

コンポーネント

ソース	プレビュー	簡単な説明
CircularProgress	デモ	スピナーとして一般的に知られている進行状況指標、不特定の待ち時間を表現するか、プロセスの長さを表示します。
Modal	デモ	ダイアログ、ポップオーバー、ライトボックスなどを作成するための強固な基盤を提供します。
Backdrop	デモ	アプリケーション上の薄暗いレイヤー。
Skeleton	デモ	読み込みのためのプレースホルダー
NoSsr		コンテンツのSSRを無効にします
Tooltip	デモ	情報付きの小さなポップアップ
Popper	デモ	別のコンテンツの上にコンテンツを表示します
Collapse	デモ	コンテンツの拡張/崩壊をアニメーション化します
Slide	デモ	コンテンツのスライドイン/スライドアウトをアニメーション化します
Zoom	デモ	コンテンツのズームイン/ズームアウトをアニメーション化します
Fade	デモ	コンテンツのフェードイン/フェードアウトをアニメーション化します
Grow	デモ	コンテンツのスケールイン/スケールアウトをアニメーション化します
Portal	デモ	ターゲットドムノード内にコンテンツをレンダリングします

フック

ソース	プレビュー	簡単な説明
useDebouncedCallback	デモ	コールバックが撤回されます
useLongPress	デモ	長い押した後、コールバックを発射します
useHover	デモ	要素のホバリングを追跡します
useHistory	デモ	元に戻す/やり直し/リセットされた状態
useMedia	デモ	CSSメディアクエリ状態
useMotion	デモ	デバイスアクセラレーションセンサー状態
useClipboard	デモ	ユーザーのクリップボードを読んで書き込みます
useMouse	デモ	マウスの位置状態
useIntersection	デモ	要素の交差ビューポート状態
useClickAway	デモ	外部クリックでコールバックを発射します
useNetwork	デモ	ネットワーク情報状態
useWindowScroll	デモ	ウィンドウスクロール位置状態
useKey	デモ	設定されたキーボードキーの使用後にコールバックを起動します
useEvent	デモ	リスナーを追加し、アンマウントで自動クリーンします
useTimeoutFn	デモ	遅延してコールバックを発射します
useInterval	デモ	制御された間隔でコールバックを発射します
usePrevious	デモ	以前の状態値
useUpdateEffect	デモ	最初の呼び出しスキップでuseEffect
useMount	デモ	マウントのコールバックを発射します
useUnmount	デモ	アンマウントでコールバックを発射します
useLocalStorage		localstorageに状態を同期します
useAsync	デモ	Async/Promiseは即座に解決されました
useAsyncFn	デモ	Async/Promiseは、Callback to Stateによって解決されました
useBoolean	デモ	ブール値とトグルコールバックを備えた状態
useSetState	デモ	クラスコンポーネントに類似した状態は、動作のマージsetState
useFirstMountState	デモ	最初のコンポーネントのレンダリングでtrueを返します
useMountedState	デモ	コールバックを返して、コンポーネントがマウントされているかどうかを確認します
useIsomorphicLayoutEffect		サーバー側のレンダリング時に警告を表示しないuseLayoutEffect

ライセンス

このプロジェクトは、MITライセンス、Copyright（c）2019 Ruslan Povolockiiに基づいてライセンスされています。詳細については、 LICENSE.md参照してください。