Recoil Devtools

Table of contents

• Install
• Usage
• To Do
• License

Install

$ yarn add recoil-devtools

Typescript types are also available.

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { atom, selector, RecoilRoot } from 'recoil';
import { RecoilDevtools } from 'recoil-devtools';
import { RecoilLogger } from 'recoil-devtools-logger';

const a = atom({
  /* ... */
});
const b = selector({
  /* ... */
});
const c = atom({
  /* ... */
});

const App = () => (
  <RecoilRoot>
    <RecoilDevtools values={[a, b]}>
      {/* logs for related recoil values "a" and "b" */}
      <RecoilLogger />
    </RecoilDevtools>

    {/* code ... */}
  </RecoilRoot>
);

ReactDOM.render(<App />, document.getElementById('root'));

To Do

• Clean up code, because it's very messy, to be honest
• Write tests

Feel free to create PR for any of those tasks!

License

MIT