force2update

[![npm version](https://img.shields.io/npm/v/react-forceupdate.svg?style=flat-square)](https://www.npmjs.com/package/force2update?activeTab=versions) [![npm downloads](https://img.shields.io/npm/dm/react-forceupdate.svg?style=flat-square)](https://www.npm

Usage no npm install needed!

<script type="module">
  import force2update from 'https://cdn.skypack.dev/force2update';
</script>

README

force2update

npm version npm downloads license

About

React hooks for force updating components. Force update from anywhere to those using a useForceUpdate hook with optional payload.

Install

npm


npm i force2update

Usage example

Basic

import { useForceUpdate, useForceUpdateField } from 'force2update'

function App() {


  const forceUpdate = useForceUpdate()


  let onUpdate = () => {
    
    // apply non-reactive changes.
    
    nonReactive.something = 'something updated'

    forceUpdate()

  }

  return (
    <main>
      <button onClick={onUpdate}>Force update</button>
      <DeeplyNestedComponentContainingComponent1 />
      <DeeplyNestedComponentContainingComponent2 />
    </main>
  )
}