[Feature]: Example request: Linaria

[knpwrs]

What is the new or updated feature that you are suggesting?

An example of using Linaria would be excellent. I saw @ionut-botizan mention Linaria here: #717 (comment)

Linaria can be integrated with ESBuild as documented here: https://github.com/callstack/linaria/blob/master/docs/BUNDLERS_INTEGRATION.md#esbuild

Why should this feature be included?

I think @ionut-botizan's write-up does Linaria justice:

Linaria is a zero-runtime CSS-in-JS library that compiles your styles into static CSS files at build time, offering a great mix of DX and runtime performance.

Some of its (cherry-picked) benefits are:

• Scoped selectors
• Automatic unused styles removal
• Automatic vendor prefixing
• Static CSS (doh) that can be loaded in parallel to JS
• Works without JavaScript
• Full power of CSS / No new syntax to learn (you just write CSS in a tagged template literal) with JS variables/expressions interpolation.

My own two cents: I think that Linaria being zero-runtime makes it an excellent fit for Remix.

[aiji42]

I have created a sample on how to use linaria in remix. It is safe to wait for the official announcement, but in the meantime I hope this will be helpful.
https://github.com/aiji42/remix-esbuild-override/tree/main/examples/linaria