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. :)