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