feat: move test app to react-native-test-app

[Saadnajmi]

TODO:

• Test iOS Paper
• Test iOS Fabric
• Test Android Paper
• Test Android Fabric

Summary

I am interested in (eventually) adding macOS support to react-native-skia. Generally the first step to this is to first move the repository's test app to React Native Test App. This repo offers a few benefits:

1. RNTA handles the native code of an example app for you (similar to expo's continuous native generation), so you only have to worry about your apps' JS.
2. Backwards and forwards compatibility across a few Raect Native minor versions
3. (Most importantly) The ability to easily add support for new platforms. In this case, of the 3 extra platforms RNTA supports ( macOS, visionOS, windows), the ones I know how to port after this change are macOS and visionOS.

Notes

• I dropped the babel plugin transform-inline-environment-variables because things seemed to bundle fine without it?
• I dropped a few other dependencies in the test app I didn't know what they were doing. Most likely I'll add a couple back as I try to get the CI to pass.

Test Plan

I got the iOS example app to run with the old architecture so far:

[Saadnajmi]

@wcandillon Could I get the workflows approved so I can start testing my changes?

[wcandillon]

@Saadnajmi I'm very excited about this and I will try to help as much as I can with it, however transform-inline-environment-variables cannot be dropped as we need it for CI (to open the app on the e2e test screen).

[Saadnajmi]

@Saadnajmi I'm very excited about this and I will try to help as much as I can with it, however transform-inline-environment-variables cannot be dropped as we need it for CI (to open the app on the e2e test screen).

Makes sense! I should have left the PR in a draft state, my apologies. I figured I'd need to add back 95% of what was dropped as I ran into their use cases :)

[Saadnajmi]

Hi, I'll be trying to pick this up again over the next couple of weeks, with the aim to add macOS support. Fingers crossed 🤞.
@wcandillon could I get a workflow run approval?

[wcandillon]

@Saadnajmi thank you for doing this and I am ready to merge this asap. Reanimated doesn't configure on the Android build however.

[wcandillon]

this is unfortunately needed for the E2E testing but I can gladly look into it.

[Saadnajmi]

Ah. Speaking of, could you approve the CI workflow so I can test this PR better?

[Saadnajmi]

@Saadnajmi thank you for doing this and I am ready to merge this asap. Reanimated doesn't configure on the Android build however.

I'll take a look at Android, thanks for noticing! For this PR, you don't have an issue with moving the examples to a more brownfield approach with react-native-test-app, where the list is in the app.json and each example is presented separately? I can keep the original App.tsx with rn-screens intact so migrating "back" is easy.