Snippets
Collection of useful code snippets.
Grid gallery
How to create main picture + bottom thumbnails design with Grid.
May 17, 2022Sidebar
Use grid to create sidebar layout.
May 27, 2022Sticky Nav
Create a fixed navbar.
May 17, 2022Git Sheet
A simple git cheatsheet.
Jun 8, 2022Utilities collection
JavaScript utilities in single line of code
May 17, 2022Dynamic Tag Name Props
Allow users to pass in a tag name prop to a component as a string.
May 28, 2022InPortal
Portal 提供了一種將子元件渲染到存在於父元件以外的 DOM 中的方法。
May 27, 2022Loading Progress
React for nprogress.
May 17, 2022Slider
Slider allow users to make selections from a range of values.
May 17, 2022Tabs
Tab component with animated highlight on hover.
May 17, 2022useDebounce
This hook allows you to debounce any fast changing value.
May 17, 2022useHasMounted
Avoid weird SSR issues with this handy React hook. Know whether you're rendering on the client or server!
May 17, 2022useInView
使用 IntersectionObserver API 用於檢測元素是否在螢幕可見範圍內,並且提供相關的 callback。
May 17, 2022useOnClickOutside
這個 hook 可以檢測指定元素之外的點擊,適用於 Modal 或 Dropdown menus 的元件在點擊元件以外的元素時自動關閉。
May 17, 2022useThrottle
This hook allows you to give function runs only once at a specified period of time.
Jul 9, 2022useToggle
Handy syntactic sugar around useState, for toggling a boolean value on and off.
May 17, 2022