recoil-logger-lite v0.1.3

recoil-logger-lite

• Recoil (logity) print state change information.
• Demo

install

yarn add -D recoil-logger-lite

or

npm install -D recoil-logger-lite

example

index.tsx

import React from "react";
import ReactDOM from 'react';
import { App } from "./App";
import { RecoilRoot } from 'recoil';
import { DebugObserver } from 'recoil-logger-lite';

ReactDOM.render( { process.env.NODE_ENV !== 'production' && ( // print type: (Default) "object" | "string" ) } , document.getElementById("root"));

> src/recoil/atom.ts
```tsx
import { atom } from "recoil";
import { effects_UNSTABLE } from "recoil-logger-lite";

interface IUser {
  id: number;
  username: string;
}

export const countAtom = atom<number>({
  key: "member/home/no",
  default: 0,
  effects_UNSTABLE,
});

export const userAtom = atom<IUser>({
  key: "mypage/user",
  default: {
    id: 0,
    username: "",
  },
  effects_UNSTABLE,
});

screenshot