Jeg har lavet en reaktionskomponent, der skjuler følsomme oplysninger i din app.

Har du nogensinde ønsket at fremvise et websted, du har arbejdet på, eller en ny funktion, du lige har udgivet i et produktionssystem, men ikke var i stand til at gøre det på grund af frygten for at afsløre følsomme oplysninger?

SafeView er en komponent, der giver dig mulighed for at skjule følsomme oplysninger i din app visuelt, til præsentationsformål og mere.

For at skjule et element skal du blot målrette det ved hjælp af data-safe attribut.

const MyComponent = () => {
    return (
        <div>
            <span data-safe>
                // Sensitive info
            <span>
        </div>
    )
}

Og så når du vil skjule, tryk på Shift + S .

Der er dybest set ingen opsætning involveret udover at indpakke din app med <SafeView> komponent.

Biblioteket er super enkelt og let og er tilgængeligt hos NPM.

"SafeView" på NPM

"SafeView" på Github

hvis du har spørgsmål og/eller forslag vil jeg meget gerne svare i kommentarerne. :)