Misurare gli spazi nel mio sito (come su Figma) 📐

👨🏻‍💻 La mia community: www.giuppi.dev
Oggi mi è capitata sotto gli occhi questa libreria per misurare le distanze direttamente sul proprio sito dal browser, e qui ve la condivido :)
🔗 Links
spacingjs.com/
github.com/ste...
chromewebstore...
Come vivo da NOMADE:
📌 PARTITA IVA con Fiscozen (sconto 50€): ⏩ www.giuppi.dev...
📌 Telefono: amzn.to/3VHl6CY
📌 Portatile: amzn.to/3vz88Nd
📌 Supporto: amzn.to/3sxgfvo
📌 Borsa portatile: amzn.to/45sX4Sc
📌 Borsa tastiera e mouse: amzn.to/45Ppzcw
📌 Tastiera: amzn.to/3L19kRJ
📌 Trackpad: amzn.to/3OZzS6K
📌 Cuffie: amzn.to/47QwDaB
#coding #frontend #javascript

[@hanny_smith]

Molto carina, ho voluto installare l'estensione e funziona molto bene, la userò per fare delle verifiche veloci oppure per analizzare design che mi piacciono senza dover aprire la modalità sviluppatore del browser

[@giuppidev]

L'estensione sicuramente molto utile!

[@domenicomilano]

Utile. Vorrei provare a modificarla per fare altri esperimenti 😅

[@giuppidev]

Bravo, giocarci visto la semplicità della logica secondo me è un'ottima idea!

[@diegotonini6084]

Onestamente ho provato ad installarlo con npm su due progetti diversi. Ho sempre errori ad importar il modulo.
Per next ho dovuto fare
useEffect(() => {
import("spacingjs/dist/index");
}, []);
lo trovo assurdo :)

[@giuppidev]

Si, purtroppo l'import di default punta alla vesione ts. Comunque se hai l'errore di document not ready puoi anche fare un dynamic import e funziona (sempre importando spacingjs/dist), l'import dentro lo useEffect è sempre brutto 😂

[@diegotonini6084]

@@giuppidev come fai a fare dunamic import con una roba che non è un componente?

[@giuppidev]

giusta osservazione! 😂 semplicemente mettendola in un component che poi importo dinamicamente, essendo che tanto ha solo listener da implementare. Ma hey, ci stiamo comunque spingendo su cose brutte eh, si vede che la distribuzione come package è fatta male.