Recoil Toolkit DevTools - Roadmap

[salvoravida]

Hi there, here is a preview of upcoming DevTools!

Let's use this space for any idea about it!

import {RecoilDevTools} from 'recoil-toolkit'

ReactDOM.render(
   <RecoilRoot>
      // enable forceSerialize if you have issues not serializable data
     <RecoilDevTools forceSerialize={false} />. 
      <App />
   </RecoilRoot>,
   document.getElementById('root'),
);

     // pass your own serializer instead of the default JSON.stringify if you have issue with circular data
     <RecoilDevTools forceSerialize={true} serializer={JSON.stringify} />. 

[salvoravida]

Just published v0.0.3 https://chrome.google.com/webstore/detail/recoil-toolkit-devtools/mkeicpnjoopkgdhfobdpcepncbnfnnji

[salvoravida]

Note using keys with dot notation will allow DevTools to render atoms as a tree
Ex: key: 'notifications.items', 'notifications.states',

[FezVrasta]

If I'm reading from a specific snapshot and a new one is added to the list, the new one is automatically focused. This is a bit annoying because I need to keep clicking back to the one I want to read.

Showing a label to know if a key is an atom, a selector, or just part of some nested state would be great.

Snapshots could show a timestamp to know when they have been created.

Adding an option to decide how many snapshot to keep in memory would be useful for apps that store a lot of data in them?