Eui: [META] Environments/Projects we want to intentionally support

[chandlerprall]

We've talked a lot about which projects & environments we want to support. I'm rolling those up into this ticket as a place to track discussions & decisions.

External (non-Elastic) targets mean we intend to support EUI running in those environments, Internal (Elastic managed) targets likely means we directly maintain & update as EUI releases.

Current targets

• EUI Gatsby starter (https://github.com/elastic/gatsby-eui-starter)
• codesandbox
• Create React App

Possibilities

• EUI Next.js starter (https://github.com/elastic/next-eui-starter)
• Server Side Rendering (#2074)
• ESM-only systems such as snowpack and vite (#3521)

[legrego]

If you're accepting unsolicited feedback, I'm fond of the codesandbox target. I find this especially useful when submitting small reproductions for EUI issues, or when trying to isolate behaviors between Kibana and EUI. Codesandbox allows me to get an environment quickly spun up without having to manage another project or toolkit on my own machine.

[snide]

@legrego Have a gander at https://github.com/elastic/eui/pull/2728

😄

Has one issue with icons, but otherwise builds dynamic sandboxes for most examples in our docs.

[jshreyans]

@chandlerprall could you elaborate a little more on the create react app point.
This is in the context of the testing suite that we aim to develop for various environments. How does create react app add any difference to the testing suite? It is essentially just a bootstrapping tool and does not add any special functionality to the project. The project is basically just a simple React app and can be tested like one, using conventional methods.

[chandlerprall]

@jshreyans you're correct; the create react app target would be more of a smoke test that EUI compiled correctly and is usable. As an example, I've used it to verify TypeScript changes don't introduce any breaking changes, or that we've added a dependency correctly.

It wouldn't necessarily need to be create react app, but that was a quick way to describe exactly what you said: just a simple React app - and one that wouldn't need extra configuration to get setup.

[jshreyans]

It wouldn't necessarily need to be create react app, but that was a quick way to describe exactly what you said: just a simple React app - and one that wouldn't need extra configuration to get setup.

Great thanks a lot!

[PeterSenpai]

From what I see, this test is essentially a sanity test to verify if the external and internal packages can install EUI(npm link) package, and then run build, lint successfully. I am thinking about if we can use scripts to add some code to actually use the EUI and then run build etc for better testing.