Additionally, for our non-React developers out there, I created a simple CDN that functions similarly via the PlaceholderJS.com domain.
In the future, I'd like to add support for more frameworks, placeholder text, additional customization, etc.
I'm looking to improve this and continue to support it and would love your feedback.
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.