create-expo-cljs-app/template/node_modules/react-native-reanimated/lib/reanimated1/derived/useCode.js

Create a react native application with Expo and Shadow-CLJS!

import React from 'react';
import { always, block } from '../base';

/**
 * @callback NodeFactory
 * Function to create a node or an array of nodes.
 * @returns {(Node[] | Node | null | undefined | Boolean)}
 */

/**
 * React hook to run a node.
 * @param {NodeFactory} nodeFactory Function to build the node to run.
 * @param dependencies Array of dependencies. Refresh the node on changes.
 */
export default function useCode(nodeFactory, dependencies) {
  if (!(React.useEffect instanceof Function)) return;

  React.useEffect(() => {
    // check and correct 1st parameter
    if (!(nodeFactory instanceof Function)) {
      console.warn(
        'useCode() first argument should be a function that returns an animation node.'
      );

      const node = nodeFactory;
      nodeFactory = () => node;
    }

    let node = nodeFactory();
    if (node) {
      // allow factory to return array
      if (node instanceof Array) node = block(node);

      const animatedAlways = always(node);
      animatedAlways.__attach();

      // return undo function
      return () => animatedAlways.__detach();
    }
  }, dependencies);
}