destructio

Destructuring did right, debugging made easy!

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';

const hero = {
  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 logged
to 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

import React from 'react';
import { d } from 'destructio';

function NumberList(props) {
  // props gets logged to the console because of log- in the naming.
  const { numbers } = d('log-Props', props);

  const listItems = numbers.map((number) => <li>{number}</li>);

  return <ul>{listItems}</ul>;
}

export default NumberList;