Add initial project files

This commit is contained in:
Igor Martyniuk
2026-09-01 13:03:41 +03:00
parent 22e111bb44
commit 74cb5b6176
1841 changed files with 242819 additions and 30 deletions
+34
View File
@@ -0,0 +1,34 @@
# useIsMobile
Returns `true` when the viewport width is below a configurable breakpoint, and re-evaluates reactively on resize.
## Signature
```ts
function useIsMobile(mobileBreakpoint?: number): boolean;
```
| Parameter | Type | Default | Description |
| ------------------ | -------- | ------- | ------------------------------------------------------------ |
| `mobileBreakpoint` | `number` | `1024` | Viewport width (px) at which the device is considered mobile |
## Usage
```tsx
function Navbar() {
const isMobile = useIsMobile();
return isMobile ? <MobileNav /> : <DesktopNav />;
}
```
```tsx
// Custom breakpoint
const isTablet = useIsMobile(768);
```
## Notes
- Uses `window.matchMedia` for the resize listener (more efficient than `resize` event polling).
- Returns `false` during SSR (initial state is `undefined`, coerced via `!!`).
- Client-only (`'use client'`).