Destructio is a helpful tool that can be used everywhere where a lot of destructuring is used like in React JS for example.
import{d}from'destructio';consthero={name: 'Batman',realName: 'Bruce Wayne',};const{ name, realName }=d('Hero',hero);/* Adding a string as the first param lets you immediately know what you are destructuring, and helps other people working on your code or you coming back after a while.By adding `log-` in front of your naming the data gets automatically loggedto the console this gets rid of all the console.log's we used to write to debug things,after you succefully debugt your code simply remove the log- again.*/const{ name, realName }=d('log-Hero',hero);
React JS Example
importReactfrom'react';import{d}from'destructio';functionNumberList(props){// props gets logged to the console because of log- in the naming.const{ numbers }=d('log-Props',props);constlistItems=numbers.map((number)=><li>{number}</li>);return<ul>{listItems}</ul>;}exportdefaultNumberList;