React向けの軽量ユーティリティライブラリ、ゼロ依存で100%TypeScript対応です。

npm install react-simplikit

import { useState } from 'react';
import { useDebounce } from 'react-simplikit';

function SearchInput() {
  const [query, setQuery] = useState('');
  const debouncedSearch = useDebounce((value: string) => {
    searchAPI(value);
  }, 300);
  
  return (
    <input
      value={query}
      onChange={e => {
        setQuery(e.target.value);
        debouncedSearch(e.target.value);
      }}
      placeholder="検索キーワードを入力"
    />
  );
}

npm install @react-simplikit/mobile

import { useAvoidKeyboard } from '@react-simplikit/mobile';

function ChatInput() {
  const { style } = useAvoidKeyboard();
  return (
    <div style={{ position: 'fixed', bottom: 0, left: 0, right: 0, ...style }}>
      <input type="text" placeholder="メッセージを入力" />
    </div>
  );
}