refactor(utils): extract redux extension logic into wrapper functions

[PrettyCoffee]

Chunk of this PR: #32

This will create a redux devtools extension wrapper to make it easier to use and prevent the repetition of the code.
Furthermore adds some documentation and links for better DX.

It should not change any functionality but only do some refactoring.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 3dcdf45:

Sandbox	Source
React	Configuration
React Typescript	Configuration

[dai-shi]

Thanks for working on this.

Just to confirm and be on the same page, I hoped #33 would fix it, but extention.disconnect() closing all connections prevents it, correct?
I wonder if this is an issue with Redux tools, and if we report it, there's possibility that they can fix (so that #33 works).

[dai-shi]

Other than that, the refactoring looks okay.

[dai-shi]

This is just a preference of mine, but I'd avoid index stuff.
Can you simply import them directly?

[PrettyCoffee]

Thanks for working on this.

I am happy to help :)

Just to confirm and be on the same page, I hoped #33 would fix it, but extention.disconnect() closing all connections prevents it, correct?

Yes, I personally think you shouldn't merge #33. When unrendering a single useAtomDevtools it will disconnect all of them and not only the one where it is used.

I wonder if this is an issue with Redux tools, and if we report it, there's possibility that they can fix (so that #33 works).

Actually no, that's not bug, it is the expected behavior.

The extension itself owns all connections:

When calling extension.disconnect(), all connections should be disconnected.

The only thing we could do is creating a feature request for disconnecting single connections, like connection.disconnect() or extension.disconnect(connection) if that makes sense.
Not sure what their thoughts are on that since redux uses the extension completely differently.

I can create a issue for that and reference it 👍

Edit: Created an issue and mentioned it in #32

[dai-shi]

The only thing we could do is creating a feature request for disconnecting single connections, like connection.disconnect() or extension.disconnect(connection) if that makes sense.

It makes sense. I get the point.

[dai-shi]

As long as this is just refactoring without changing logic, it should be safe to merge.

[arjunvegda]

Thanks a ton again for your work!