Enzo Manuel Mangano (@reactiive.io)

I've been building a chess puzzles app using @expo.dev, and it’s finally coming together 👀 Made a fun little page for the launch. → tempo.reactiive.io

Enzo Manuel Mangano

@reactiive.io

27 Aug

What @reczkok.bsky.social built is the closest thing to magic I've seen this year. Couldn't stop thinking about the concept of drawing with light. So I built this small React Native prototype on top of his shader.

Enzo Manuel Mangano

@reactiive.io

27 Aug

Here depth + surface normals are estimated ahead of time to get the best visual result I could. Way less impressive than runtime inference 😅, but still so fun for a domain where the image never changes (like paintings!). GitHub: github.com/enzomanuelm...

Enzo Manuel Mangano

@reactiive.io

23 Aug

A fun little guest just showed up in the cherry blossom QR code.

Enzo Manuel Mangano

@reactiive.io

23 Aug

Combining Claude with react-native-webgpu has made creating this kind of animation insanely simple. Somehow I feel the hard part now is making it feel personal. So having a creeper moving around really helps 👀 github.com/enzomanuelm...

Enzo Manuel Mangano

@reactiive.io

2 July

One of my favorite things about the Demos app is that every update generates a slightly different app icon, so it's always a nice little surprise.

4. here's the TestFlight if you'd like to get these small surprises too 👀 testflight.apple.com/join/uB9PQHuT

testflight.apple.comJoin the Demos. betaAvailable on iOS

Enzo Manuel Mangano

@reactiive.io

2 July

5. True. That's quite a unique use case, but you could reuse the same trick to generate wallpapers, backgrounds, or even your GitHub thumbnails. The code is fully open source if you'd like to have a look! github.com/enzomanuelm...

Enzo Manuel Mangano

@reactiive.io

2 July

One of my favorite things about the Demos app is that every update generates a slightly different app icon, so it's always a nice little surprise.

2. to generate a new app icon on every build i'm using a ci hook from @expo.dev called "eas-build-pre-install". It runs automatically before installing the deps on EAS.

Enzo Manuel Mangano

@reactiive.io

2 July

3. to avoid too much randomness and keep the icon easy to recognize, I'm only updating the display text (e.g. 122, the number of animations) and the spiral.

Enzo Manuel Mangano

@reactiive.io

2 July

One of my favorite things about the Demos app is that every update generates a slightly different app icon, so it's always a nice little surprise.

Enzo Manuel Mangano

@reactiive.io

2 July

1. the idea is that the app icon is designed via code (using headless Skia) and gets re-created on every build

Enzo Manuel Mangano

@reactiive.io

27 June

Great books always feel like the letters themselves are alive. I’ve had this idea in mind for a while, and it was so fun to prototype with React Native Skia.

Enzo Manuel Mangano

@reactiive.io

27 June

The demo is open source (along with 120+ other React Native animations). If you’re trying to animate a lot of similar objects (images, shapes, or anything really), the Atlas API from Skia is something I strongly recommend playing around with.

Enzo Manuel Mangano

@reactiive.io

27 June

It unlocks a ton of patterns, and you end up exploring ideas you wouldn't have considered otherwise. I usually start in one direction and almost always land somewhere completely different. github.com/enzomanuelm...

Enzo Manuel Mangano

@reactiive.io

13 June

You can now just run "ennio improvise" and your app gets randomly stress-tested. Useful if you want to make sure you haven't vibecoded too hard.

Enzo Manuel Mangano

@reactiive.io

13 June

Promoting e2e tests as something fun is hard 😅 but they really are! I built Ennio, an e2e runner that executes maestro flows faster and more reliably for React Native/Expo apps (with a lot more coming soon). learn more: github.com/enzomanuelm...

github.comGitHub - enzomanuelmangano/ennio: maestro-compatible e2e test runner for React Nativemaestro-compatible e2e test runner for React Native - enzomanuelmangano/ennio

Enzo Manuel Mangano

@reactiive.io

11 June

Got the full e2e bsky suite running with Ennio. Here are the results 🧵

2. The best way to feel the difference is to try running your maestro tests with Ennio. It now takes 5 seconds.

Enzo Manuel Mangano

@reactiive.io

11 June

3. Ennio is a project that aims to be ~4x faster than Maestro given the same .yaml suite on React Native/Expo apps. The project is open source: github.com/enzomanuelm...

github.comGitHub - enzomanuelmangano/ennio: maestro-compatible e2e test runner for React Nativemaestro-compatible e2e test runner for React Native - enzomanuelmangano/ennio

Enzo Manuel Mangano

@reactiive.io

11 June

Got the full e2e bsky suite running with Ennio. Here are the results 🧵

Enzo Manuel Mangano

@reactiive.io

11 June

1. note: these results have no statistical significance - they're just the output of my local runs (macbook pro m3). The bsky e2e suite starts with a setupServer call, I cut that time from the measurements and started after it.

Enzo Manuel Mangano

@reactiive.io

6 June

Sometimes a checkmate comes out of nowhere.

Enzo Manuel Mangano

@reactiive.io

6 June

The demo is built with React Native, and it's open source (along with 120+ React Native animations). The secret ingredient is react-native-skia. After getting checkmated, we take a snapshot and then run the shader. github.com/enzomanuelm...

Enzo Manuel Mangano

@reactiive.io

6 June

bonus: the chessboard was also built on top of skia/reanimated (0 re-renders). if you'd like to learn more, check out react-native-chessboard! github.com/enzomanuelm... x.com/reactiive_/...

x.comEnzo Manuel Mangano (@reactiive_) on XDo you need a chessboard in React Native? You can now simply use react-native-chessboard 👀. Deeply inspired by the Chess episode of the "Can it be done in React Native" series from @wcandillon. GitHub: https://t.co/uTCK3rysSd

Enzo Manuel Mangano

@reactiive.io

2 June

I've completely reworked the core of Ennio. It's now much easier to get started. running e2e tests in react native has to be faster 🧵

5. plan_md - simplify package installation ✅ - remove idb dependency - ensure it’s stable for production-grade open source apps - provide an easy way to run it in ci - provide a simple interface to run agentic testing on top of it (?)

Enzo Manuel Mangano

@reactiive.io

2 June

6. This is an experimental project that aims to be ~4x faster than maestro given the same .yaml suite on React Native/Expo apps. The project is open source: github.com/enzomanuelm...

github.comGitHub - enzomanuelmangano/ennio: maestro-compatible e2e test runner for React Nativemaestro-compatible e2e test runner for React Native - enzomanuelmangano/ennio

Enzo Manuel Mangano

@reactiive.io

2 June

I've completely reworked the core of Ennio. It's now much easier to get started. running e2e tests in react native has to be faster 🧵

3. I had to rethink the initial architecture a lot. Now it doesn't make assumptions. The search no longer happens via the Fabric tree - it's based on a native UIView traversal. This works perfectly in React Native because, of course, any React Native component is a real native component.

Enzo Manuel Mangano

@reactiive.io

2 June

4. Why? The prev idea is still my favorite but has a lot of edge cases (e.g. what about all the components that are undetected by a Fabric tree traversal?). Removing the newArch assumption also simplifies maintenance a ton and (potentially) opens the door to all native apps.

Enzo Manuel Mangano

@reactiive.io

2 June

I've completely reworked the core of Ennio. It's now much easier to get started. running e2e tests in react native has to be faster 🧵

Enzo Manuel Mangano

@reactiive.io

2 June

1. I introduced Ennio a few weeks ago (still experimental). The long-term goal is to run e2e tests in a very fast and reliable way. The focus is on RN/Expo apps, but theoretically, it should now work with any iOS project (sim only).

Enzo Manuel Mangano

@reactiive.io

2 June

2. It's no longer a native package, but a dev dependency (still requires idb right now, but no prebuilds). You can install it and test it in less than 10 seconds.

Enzo Manuel Mangano

@reactiive.io

16 May

I've been recently experimenting with a new way to run e2e flows in React Native. Same maestro e2e test, same yaml, but 2-3x faster. learn about Ennio 🧵

7. the core has been built as a nitro module (from @margelo_com), and I’ve been iterating almost in yolo mode thanks to Argent from @swmansion. Also, these announcement videos were made with @Remotion. Three insane projects you should check out if you haven't!

Enzo Manuel Mangano

@reactiive.io

16 May

8. Ennio is fully open source + every contribution is highly appreciated! github.com/enzomanuelm...

github.comGitHub - enzomanuelmangano/ennio: maestro-compatible e2e test runner for React Nativemaestro-compatible e2e test runner for React Native - enzomanuelmangano/ennio

Enzo Manuel Mangano

@reactiive.io

16 May

I've been recently experimenting with a new way to run e2e flows in React Native. Same maestro e2e test, same yaml, but 2-3x faster. learn about Ennio 🧵

5. once we find the item, we can synchronously measure its coordinates and pass them to IDB, which will simulate a real finger tap at those x,y coordinates. That’s really it.

Enzo Manuel Mangano

@reactiive.io

16 May

6. Ennio ships as a package with an expo plugin that automatically strips it from release builds.

Enzo Manuel Mangano

@reactiive.io

16 May

I've been recently experimenting with a new way to run e2e flows in React Native. Same maestro e2e test, same yaml, but 2-3x faster. learn about Ennio 🧵

3. why faster? Ennio interprets the maestro yaml only for react native apps, which allows it to make additional assumptions. It assumes RN + newArch and communicates via Hermes inspector.

Enzo Manuel Mangano

@reactiive.io

16 May

4. the main idea is simple. Instead of using XCUITest, we can rely on the Fabric shadow tree to detect the items, then cross check with the a11y tree and the viewport.

Enzo Manuel Mangano

@reactiive.io

16 May

I've been recently experimenting with a new way to run e2e flows in React Native. Same maestro e2e test, same yaml, but 2-3x faster. learn about Ennio 🧵

Enzo Manuel Mangano

@reactiive.io

16 May

1. disclaimer: this is an experimental project and works only on iOS with metro enabled for now. The plan is to make iOS work perfectly and then extend with Android support as well.

Enzo Manuel Mangano

@reactiive.io

16 May

2. I'm building Ennio with 1:1 parity with maestro yaml - tapOn, assertVisible, scroll, runFlow, retry, env interpolation. drop your existing flows in, they should just work (hopefully).

Enzo Manuel Mangano

@reactiive.io

25 Apr

You can turn 10,000 photos into anything once you get access to the GPU.

Enzo Manuel Mangano

@reactiive.io

25 Apr

The demo is built with React Native and it's open source (along with 120+ React Native animations). Rendering: React Native WebGPU Color matching: Nitro (internal C++ module) Source code: github.com/enzomanuelm...

Enzo Manuel Mangano

@reactiive.io

4 Apr

I've been playing with React Native WebGPU recently and it's really flipping my perspective on animations.

Enzo Manuel Mangano

@reactiive.io

4 Apr

The demo is open source (along with 110+ React Native animations). That's the output of a pure vibe coding session 🫣 but the code might still be useful if you'd like to extend it with new ideas. github.com/enzomanuelm...

Enzo Manuel Mangano

@reactiive.io

29 Mar

What if every GitHub commit planted a seed?

Enzo Manuel Mangano

@reactiive.io

29 Mar

The idea was to build a forest from real GitHub contribution data (my last 9 years) - but I liked how it looked with some made-up data so much that I kept a toggle for visual purposes. The main goal, though, was to make it look good with real data

Enzo Manuel Mangano

@reactiive.io

29 Mar

This animation is made with React Native - my first attempt with React Native WebGPU (Claude helped quite a lot). It's open source and you can access it along with 100+ other React Native animations at reactiive.io/demos

reactiive.ioDemosExplore the beauty of React Native animations with Reanimated, Skia and Gesture Handler

Enzo Manuel Mangano

@reactiive.io

8 Mar

I still can't believe that these are just plain Skia paths animated with Reanimated