recoil-logger-lite
TypeScript icon, indicating that this package has built-in type declarations

0.1.3 • Public • Published

recoil-logger-lite

License

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

main_exam

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(
    <RecoilRoot>
        <App />
        {
            process.env.NODE_ENV !== 'production' && (
                <DebugObserver type="object" /> // print type:  (Default) "object" | "string"
            )
        }
    </RecoilRoot>
    , document.getElementById("root"));

src/recoil/atom.ts

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

capture1 exam

Package Sidebar

Install

npm i recoil-logger-lite

Weekly Downloads

1

Version

0.1.3

License

MIT

Unpacked Size

2.77 MB

Total Files

18

Last publish

Collaborators

  • rhkdgns95