Show HN: PlaceholderJS – Simple and Lightweight Placeholders

4 pointsposted 14 days ago
by owenbick
(placeholderjs.com)

4 Comments

moritzwarhier

14 days ago

What's the advantage of this over sth like

   const Placeholder = ({background = "gray", width = "100%", height = "200px", text}) => (<div style={{background, width, height, display: "flex"}}>
<span style={{margin: "auto"}}>{text ?? `${width} x ${height}`}</span> </div>)

Would never install a package for this, and for local dev, there are more than enough other placeholder services left that allow hotlinking.

If it's fun to build, cool, but I would never recommend anyone to add dependencies for things like this.