Feature/22 reanimated connector

[chrfalch]

Added implementation according to #22

The integration add listeners to shared values so that when a value changes the SkiaView / Canvas is repainted.

The integration does not add a hard dependency on Reanimated. If Reanimated is installed, the hook should work - if not it should emit a warning.

The solution has been tested both with and without reanimated installed.

The integration is implemented as the hook useSharedValueEffect:

/**
 * Connects a shared value from reanimated to a SkiaView or Canvas
 * so whenever the shared value changes the SkiaView will redraw.
 * @param ref Reference to the SkiaView or Canvas
 * @param value Shared value to add change listeners for
 * @param values Additional (optional) shared values to add change listeners for
 */
export const useSharedValueEffect = <T = number>(
  ref: RefObject<SkiaView>,
  value: SharedValueTypeWrapper<T>,
  ...values: SharedValueTypeWrapper<T>[]
) => void

closes #22

[wcandillon]

Great, Would it be ok to add reanimated and gesture handler as the dep to the example project and add a demo of the feature or would it have some potential unintentional side-effects?

This branch doesn't pass the typescript due to #21

[wcandillon]

If we had reanimated 2 a dep of the documentation, would the two slash examples work? No strong opinion there.

[wcandillon]

here we use useProgress without prior mentioning.
Do we want to expose it?
It feels almost identical to remotion useFrame() which is the single hook you need to build any animation in remotion. However, our case is a bit different since we have nondeterministic animations and side-effects to animations (such as stopping/pausing).

[chrfalch]

Yes, useFrame is a bit different than useProgress - since useFrame actually gives you the frame number and not the time passed since start.

[chrfalch]

If we had reanimated 2 a dep of the documentation, would the two slash examples work? No strong opinion there.

Maybe could just mark the whole animation page as "in progress"/"subject to change" to send a strong signal about this not being ready and final? And then decide about animations when we've released the alpha?

[wcandillon]

👍🏻 my only review comment is #25.
Then we can merge it.