/react-debounce-rendering

A package which enable debounce rendering your react component via HOC with typescript supported

Primary LanguageTypeScriptMIT LicenseMIT

react-debounce-rendering

react-debounce-rendering NPM package Download arkit

react-debounce-render + typescript

npm install --save react-debounce-rendering
const debouncedComponent = debounceRender(<YourComponent />, 1000, {})

Notice usage with redux:

connect(...)(debounceRender(YourComponent)) // This works well
debounceRender(connect(...)(YourComponent)) // This is not

Publish a package for react + typescript

Refer to this article link

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "declaration": true,
    "outDir": "./dist",
    "strict": true,
    "jsx": "react",
    "esModuleInterop": true,
  }
}

package.json

  "dependencies": {
    "typescript": "^3.7.5"
  },
  "peerDependencies": {
    "react": "^16.12.0"
  },
  "devDependencies": {
    "@types/react": "^16.9.19"
  }

Use typings to generate index.js and index.d.ts

npm i -g typings -D

Build

tsc