Visual Box
Provides visual rendering status of components.
Purpose
Components wrapped in visual-box change color when rendering occurs.
When you wrap a child component, you know if the child component is rendered simultaneously when rendering occurs in the parent component.
Installation
Visual Box is available as a package on NPM & YARN.
# NPM
npm install --save-dev visual-box
# Yarn
yarn add --dev visual-boxExamples
import * as React from 'react';
import Box from 'visual-box';
function Button({ children }) {
return <button>{children}</button>;
}
export default Box(Button);
// → export default Button;