Add another ways to mark function as worklet.

[Szymon20000]

The pull-request adds two methods which are the new ways for telling babel that is should transform the function into a worklet. The first is useWorkletCallback:

useWorkletCallback(() => {...});

which is equivalent to

useCallback(() => {
  'worklet'
})

The second one is createWorklet which just lets us omit 'worklet' mark.

const worklet = createWorklet(() => {
  ...
});

behaves the same as

const worklet = () => {
   'worklet'
    ...
}

[terrysahaidak]

I'll add TS typings in the following PR.

[jfrolich]

A note to make sure that it doesn't fail with this syntax:

import * as Reanimated from 'reanimated'

Reanimated.createWorklet(() => {
  ...
})

The reason is that ReasonML compiles to this syntax.

[terrysahaidak]

#1210 This PR should fix this type of imports as well.

cc @jakub-gonet @Szymon20000

[mrousavy]

While I'm a big fan of this syntax, I think it would be a better name to shorten useWorkletCallback to useWorklet. A 'worklet' if per definition something like a callback anyways, no?

Thoughts @kmagiera @terrysahaidak @Szymon20000 ?