usehooks ts

Usehooks-Ts

React Hook庫，準備使用，用打字稿編寫。

 npm i使用hooks-ts

_{由朱利安·卡隆（Julien Caron）創建，並由一群出色的開發人員與❤️一起維護。}

？介紹

Usehooks（）。 TS是一個用打字稿編寫和易於使用的React Hooks庫。它提供了一組鉤子，使您能夠更快地構建React應用程序。鉤子建立在乾燥原理上（不要重複自己）。您可能需要的大多數常見用例有鉤子。

該庫的設計最小。它是完全搖晃的（使用ESM版本），這意味著您只會導入所需的鉤子，其餘的將從捆綁包中刪除，從而使使用此庫可忽略不計。大多數鉤子經過廣泛的測試，並在生產環境中使用。

用法示例

 import { useLocalStorage } from 'usehooks-ts'

function Component ( ) {
  const [ value , setValue ] = useLocalStorage ( 'my-localStorage-key' , 0 )

  // ...
} 

？可用的鉤子

• useBoolean - 處理有用的實用程序功能的布爾態。
• useClickAnyWhere - 在文檔中的任何地方處理單擊事件。
• useCopyToClipboard - 使用剪貼板API將文本複製到剪貼板。
• useCountdown - 管理倒計時。
• useCounter - 管理一個以增量，減少，重置和setCount功能的計數器。
• useDarkMode - 返回暗模式的當前狀態。
• useDebounceCallback - 創建拒絕版本的回調函數。
• useDebounceValue - 返回提供的值的拒絕版本，以及更新它的函數。
• useDocumentTitle - 設置文檔標題。
• useEventCallback - 創建一個記憶的事件回調。
• useEventListener - 將事件聽眾附加到DOM元素，窗口或媒體查詢列表。
• useHover - 跟踪是否徘徊在DOM元素上。
• useIntersectionObserver使用交叉點觀察者API跟踪DOM元素與其包含元素或視口的交點。
• useInterval - 創建一個間隔，該間隔使用SetInterval API在指定的延遲下調用回調函數。
• useIsClient - 確定代碼是否在客戶端（瀏覽器中）運行。
• useIsMounted - 確定該組件當前是否已安裝。
• useIsomorphicLayoutEffect基於環境（客戶端或服務器端）使用USELAYOUTEFFECT或USEFECT。
• useLocalStorage - 使用LocalStorage API跨頁重新加載持續狀態。
• useMap - 使用Setter操作管理鍵值映射狀態。
• useMediaQuery - 使用Match Media API跟踪媒體查詢的狀態。
• useOnClickOutside在指定元素之外單擊句柄。
• useReadLocalStorage - 讀取來自LocalStorage的值，與Uselocalstorage（）密切相關。
• useResizeObserver - 使用ResizeObserver API觀察元素的大小。
• useScreen - 跟踪屏幕尺寸和屬性。
• useScript - 動態加載腳本並跟踪其加載狀態。
• useScrollLock - 一種自定義掛鉤，可鎖定和解鎖滾動。
• 使用useSessionStorage API在跨頁重新加載中持久狀態。
• useStep在多步驟過程中管理和導航步驟之間。
• useTernaryDarkMode管理局部存儲支持的三元（系統，深色，光線）暗模式。
• useTimeout - 使用Settimeout API處理React組件中的超時。
• useToggle管理React組件中的布爾式切換狀態。
• useUnmount - 卸下組件時，請運行清理功能。
• useWindowSize - 跟踪窗口的大小。

支持者

非常感謝我們所有的支持者！ [成為支持者]

哨兵

katt

Adhi Ravishankar

偉大的工作

貢獻者

非常感謝我們所有的貢獻者！ [成為貢獻者]

朱利安 ？ ？ ？	A777Med	nguyen tien dat	Elias Cohenca ？	JoãoDeroldo ？	nishit	喬恩·科普斯（Jon Koops）
孤獨的	維克多 ？ ？	布魯諾·克萊蒙（Bruno Clermont）	Yoannesbourg ？	奇怪2x ？	傑森·皮肯斯（Jason Pickens） ？	Sel-Vin Kuik ？
以撒 ？	Bruno RZN ？	內森·曼科（Nathan Manceaux-Panot） ？	Dien Vu ？	Oleg Kusov ？	馬修·蓋伊（Matthew Guy） ？	安德魯比 ？
Lancepollard ？	Mukul Bansal ？	Jean-Luc Mongrain Sur la Brosse ？	NIC ？	丹·伍德	Jo Wendenbuerger ？	安德魯·諾森科（Andrew Nosenko） ？
Charliejhonsmith	Sullivan Senechal ？ ？	傑森·朗 ？	KXM766 ？	昆汀 ？ ？	丹尼爾·拉扎爾（Daniel Lazar） ？	馬克·特雷爾 ？
安德烈亞斯群 ？	Sonjoy Datta	伊利亞·貝爾斯基（Ilya Belsky） ？	詹姆斯·巴雷特	abbalyouness	Didriklind 配x	HEXP1989
阿爾瓦羅·塞拉諾（Alvaro Serrano） ？	EgehanDülger	Pablolion ？	大衛·桑切斯（David Sanchez） ？	阿傑·拉賈（Ajay Raja） ？	安迪·梅爾斯金（Andy Merskin） ？	Avirup Ghosh ？
SanneWintrén ？	亞歷山德羅 ？	安德烈·塔塔倫科（Andrey Tatarenko） ？	安東·魯薩克（Anton Rusak） ？	Mahmood Bagheri	Anver Sadutt ？	Bogdan Ailincai
Simeon Griggs ？	kepro ？	傑克·利普特 ？	tu nguyen anh ？	盧克·希爾斯（Luke Shiels） ？	Sergei Kolyago ？	Adham Akmal Azmi ？
Alek Kowalczyk ？	肖恩·卡拉漢（Sean Callahan） ？	約書亞·比恩（Joshua Bean） ？	蒂姆·趙 ？	帕特里克 ？	布萊斯·多恩（Bryce Dorn）	angusd3v
Davide Di Simone ？	傑克·赫靈頓 ？	Avi Sharvit ？	尼古拉（Nicolae）出現 ？	Shardul Aeer ？	Herlon Aguiar ？	亞歷克西斯·奧尼 ？
Curtvict	JosuéCortina ？	Alex / Katt	Mourad El Cadi ？	詹姆斯·胡琳娜 ？	馬修·海爾伍德（Matthew Hailwood） ？	邁克爾·諾里（Michael Norrie） ？
瓦倫丁政治	Marnus Weststrate	mancuoj ？	聊天Sumlin	歐文·豪普（Owen Haupt） ？ ？	ubarbaxor	邁克爾·莫爾（Michael Mior） ？ ？
皮埃爾	哈利b ？	瓦萊麗 ？	史蒂文·瓦肯（Steven Vachon）	肖恩·柯比（Sean Kirby） 配x	Alecsander Farias	拉胡爾·米甚拉（Rahul Mishra） ？ ？
科比·史密斯 ？	羅布·漢尼	Hooriza ？	Shansenanayake	菲利普·格林（Philip Ghering）	Ladislas Dellinger	哈夫
Lisandro	Amir Hossein Rezaei	尼古拉斯·麥基安（Nicolas Macian） ？	內特·福賽斯（Nate Forsyth）	衛星 ？	費德里科·帕尼科（Federico Panico）	威廉·佩恩
mihai ？	Habib Ogunsola ？	灰犁	丹尼爾·圖魯（Daniel Turu）	拉胡爾·喬杜里（Rahul Chaudhary） ？ ？	約書亞·奧喬沃（Joshua Ojoawo） ？ ？	傑克
喬恩·林克斯（Jon Linkens） ？	鍾珍哦 ？	蒂恩·李	拉爾斯·阿特曼（Lars Artmann） ？	Kbobovskiy	凱瑟琳·岡薩雷斯（Kathryn Gonzalez） ？	Yaroslav Chapelskyi ？
塞繆爾·範·埃爾斯（Samuel Van Erps） ？	Ojolowoblue ？	Andrii Kostenko	阿基姆·艾倫 ？	Trongbinhnguyen ？	Aniruddha Sil	박찬혁 ？
阿尼	雨果·胡特里 ？	Balz Guenat	Ottergeorge	Samay Sagar ？	佩德羅·里斯本（Pedro Lisboa） ？	Henrique Malheiros ？
凱文·紐曼（Kevin Newman）	A503189 ？	Mourad El Cadi	Pedro Henrique Lopes	Danbi Lee	康納·詹寧斯	盧卡斯·戈麥斯（Lucas Gomes） ？
馬丁·扎戈拉（Martin Zagora）	KVD	亞歷克斯	凱西·克利夫蘭 ？	Avirup Ghosh ？	Yabbal	克雷格·帕蒂克（Craig Patik） ？
Soldeplata Saketos Candela	Tendouzhi ？	Marcin Wachulski ？	薩爾曼·法扎爾（Salman Fazal） ？	聳聳肩 ？	霍諾里 ？	Eleazar“ E” Ramos ？
retnag ？	J Young Lee ？	菲利普·魏斯 ？	Marius Gundersen ？	Syed Aman Ali ？	Axel Ingadi ？	Andyp ？
Ishanvaghasiya ？	Nico Martinucci ？	Shiv Bhonde | shivbhonde.eth ？	Fritzmonkey ？	Rodrigo Mesquita ？	Moshe Simantov ？	貝卡 ？
阿卜杜拉·阿爾卡瑟（Abdallah Alkaser） ？	卡爾·史密斯 ？	奧蘭多·格羅波（Orlando Groppo） ？	MartijnSaly ？	奎因·沙納漢（Quinn Shanahan） ？	Antoine Kingue ？	Žanžlender ？
塞巴斯蒂安·多明格斯（Sebastian Dominguez） ？	詹姆斯·考恩 ？	Bayram Ali Basgul ？	懷亞特·卡斯塔內達（Wyatt Castaneda） ？	蒂姆·內維爾 ？	托馬斯·皮帕雷利（Thomas Pigarelli） ？	詹姆斯·赫德曼 ？
Grzegorz Pociejewski ？	RenéVerheij ？	Patrykkuniczak ？	PaoloBožac ？	rein ？	地板 ？	XUAN吊死 ？
莫納瓦爾·阿卜杜拉（Monawwar Abdullah） ？	Haroldo de Oliveira Pinheiro ？	塔姆吉德·艾哈邁德（Tamjid Ahmed） ？	JV-Lopez ？	卡勒姆·麥克雷（Callum Macrae） ？	Bywater529 ？	凱文他 ？
弗雷德里克科斯 ？	喬納森·喬勒姆·萊莫斯（Jonathan“ Jonlem” Lemos） ？	Xegulon ？	湯姆·史密斯利（Tom Smedley） ？	Lightbluepoppy ？	德里克·奧瓦爾（Derek Oware） ？	Lance Gliser ？
J. Lewis ？	Yair ？	Nishchit ？	德弗 ？	喬什·蓋特（Josh Guyette） ？	多拉·李 ？	克里斯蒂安·杰拉德森（Kristian Gerardsson） ？
詹姆斯·鮑威爾 ？	Boaz Poolman ？	Roker15 ？	菲迪爾·艾哈邁德（Fadhil Ahmad） ？	錢德勒·祖（Chandler-Zhu） ？	Nghi Nguyen ？	Shravan Sunder ？
約翰內斯5 ？	Sebahhpeya ？	或納卡什 ？	Erez Makavy ？	安迪·梅爾斯金（Andy Merskin） ？	ChainaLert機器人 ？	泰勒·摩根 ？
Wisdomabioye ？	SamuelQuiñones ？	曼努埃爾 ？	Yurii Rybak ？	Yury Demin ？	喬恩·圖克斯伯里（Jon Tewksbury） ？	諾瓦克·丹尼斯（Novac Denis） ？
Kyrylo-soulandwolf ？	Miguel Isidoro	Yuriy Gromchenko	雅各布·悍馬 ？	Kyrylo Melnychuk ？	Luma	Eliya Cohen
伊戈爾·蘇卡爾夫（Igor Sukharev） ？	Pookmish ？	metav-drimz ？	luckrnx09	Hubert Kuczmierczyk ？ ？	Dandubya	達爾維什
喬納森·拉烏爾特（Jonathan Raoult） ？ ？

該項目遵循全構造物規範（表情符號密鑰）。歡迎任何形式的貢獻！

？捐

如果您發現此軟件有幫助，請考慮捐款。任何金額都非常感謝。

BTC： bc1qwys40tnd0lxf9lr9l0t6xc63dpxyucj4x4nay0

ETH： 0x36a85155a8300754C56395D5af24553FB18915D6

執照

該項目已獲得MIT許可。