UseStateLoggerExample
src/prod/dev/useStateLogger.ts
import React from 'react'; export const useStateLogger = ( intialState: any, label = "State" ) => { const [x, setX] = React.useState(intialState); const setXSafe = (v: any) => { console.log(`Updated '${label}': ${x} => ${v}`); setX(v); }; return [x, setXSafe]; };
dist/prod/dev/useStateLogger.js
import React from 'react'; export const useStateLogger = (intialState, label = "State") => { const [x, setX] = React.useState(intialState); const setXSafe = (v) => { console.log(`Updated '${label}': ${x} => ${v}`); setX(v); }; return [x, setXSafe]; };
src/prod/dev/useStateLogger.ts
import React from 'react'; export const useStateLogger = ( intialState: any, label = "State" ) => { const [x, setX] = React.useState(intialState); const setXSafe = (v: any) => { console.log(`Updated '${label}': ${x} => ${v}`); setX(v); }; return [x, setXSafe]; };