English | 한국어 | 日本語 | 简体中文 | Español
A collection of lightweight, zero-dependency React utilities for building robust applications.
| Package | Description | Version |
|---|---|---|
| react-simplikit | React hooks, components and utils: state and logic, browser events, and mobile web (keyboard, safe area, viewport) |  |
| react-simplikit-codemod | Codemods that rewrite a codebase for a react-simplikit upgrade |
 |
- Zero dependencies - Extremely lightweight
- 100% TypeScript - Full type safety
- 100% Test coverage - Reliable and stable
- SSR-safe - Works with Next.js and other SSR frameworks
- Tree-shakeable - Only bundle what you use
npm install react-simplikitimport { useState } from 'react';
import { useDebounce } from 'react-simplikit';
function SearchInput() {
const [query, setQuery] = useState('');
const debouncedSearch = useDebounce((value: string) => {
// Actual API call
searchAPI(value);
}, 300);
return (
<input
value={query}
onChange={e => {
setQuery(e.target.value);
debouncedSearch(e.target.value);
}}
placeholder="Enter search term"
/>
);
}The debounced function exposes .cancel(), and pending calls are cancelled automatically when the component unmounts.
import { useAvoidKeyboard } from 'react-simplikit';
function ChatInput() {
const { style } = useAvoidKeyboard();
return (
<div style={{ position: 'fixed', bottom: 0, left: 0, right: 0, ...style }}>
<input type="text" placeholder="Type a message..." />
</div>
);
}Visit react-simplikit.slash.page for full documentation.
packages/
├── react-simplikit/ # the library
├── codemod/ # react-simplikit-codemod
└── plugin/ # agent skill for AI coding assistants
We welcome contributions from everyone! Please check our contribution guide.
MIT © Viva Republica, Inc. See LICENSE for details.
