Create playground - Githubissues

mui / pigment-css

Pigment CSS is a zero-runtime CSS-in-JS library that extracts the colocated styles to their own CSS files at build time.

MIT License

396 stars 19 forks source link

Create playground #84

Open oliviertassinari opened 1 month ago

oliviertassinari commented 1 month ago

Summary

Create a Playground so developers can't play and debug the tool.

Examples

esbuild: https://esbuild.github.io/try/
prettier: https://prettier.io/playground/
yak: https://yak.js.org/playground
TypeScript: https://www.typescriptlang.org/play/
React Compiler: https://playground.react.dev/
Macaron: https://macaron.js.org/playground

Motivation

I suspect that for any tools like this one that perform code transformations, we need a Playground so:

Developers can quickly debug
Maintainers can have simpler reproductions

Search keywords: -

oliviertassinari commented 1 month ago

A possible use case: https://github.com/mui/pigment-css/issues/86, help people understand what's going on.