react-activestorage - npm explorer

![LICENSE](https://github.com/ksylvest/react-activestorage/blob/main/LICENSE)
![NPM](https://www.npmjs.com/package/react-activestorage)
![GitHub](https://github.com/ksylvest/react-activestorage)
![TypeDoc](https://react-activestorage.ksylvest.com)

Installation

``bash npm install react-activestorage`

`Usage`

`tsx import { useActiveStorage } from "react-active-storage";

const Example = () => { const form = useRef(null); const [file, setFile] = useState();

const { uploading, progress } = useActiveStorage( file, async ({ blob, error }) => { if (blob) console.log(blob.signed_id); setError(error); setFile(undefined); form.current?.reset(); }, );

return (


      {error && {error.message}
}
              type="file"
        disabled={uploading}
        onChange={(event) => {
          if (!event.target.files) return;
          setFile(event.target.files.item(0) ?? undefined);
        }}
      />
      {progress && (
        

          {progress.loaded} of {progress.total}
        

      )}
    
  );
};

Installation

``bash npm install react-activestorage`

`Usage`

`tsx import { useActiveStorage } from "react-active-storage";

const Example = () => { const form = useRef(null); const [file, setFile] = useState();

const { uploading, progress } = useActiveStorage( file, async ({ blob, error }) => { if (blob) console.log(blob.signed_id); setError(error); setFile(undefined); form.current?.reset(); }, );

return (


      {error && {error.message}
}
              type="file"
        disabled={uploading}
        onChange={(event) => {
          if (!event.target.files) return;
          setFile(event.target.files.item(0) ?? undefined);
        }}
      />
      {progress && (
        

          {progress.loaded} of {progress.total}
        

      )}
    
  );
};