recoil-toolkit
recoil-toolkit copied to clipboard
Recoil Toolkit DevTools - Roadmap
Hi there, here is a preview of upcoming DevTools!
![devtool-recoil-005](https://user-images.githubusercontent.com/20126259/187123997-3f6e3a68-0329-4b1a-b041-ce88def23efe.png)
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} />.
Just published v0.0.3 https://chrome.google.com/webstore/detail/recoil-toolkit-devtools/mkeicpnjoopkgdhfobdpcepncbnfnnji
Note using keys with dot notation will allow DevTools to render atoms as a tree Ex: key: 'notifications.items', 'notifications.states',
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?