sequenceWithoutHook.js

import React, {useEffect, useRef} from 'react';
import { Animated } from 'react-native';
// Other style and dimension imports

const SequenceAnimatedBox = () => {

  const left = useRef(new Animated.Value(0)).current;
  
  const top = useRef(new Animated.Value(0)).current;

  useEffect(() => {
    Animated.loop(
      Animated.sequence([
        Animated.timing(left, {
          toValue: WIDTH - BOX_SIZE,
          duration: 1000,
        }),
        Animated.timing(top, {
          toValue: HEIGHT - BOX_SIZE,
          duration: 1000,
        }),
      ]),
      { iterations: -1 },
    ).start();
  }, []);

  return (
    <Animated.View
      style={[
        styles.box,
        {
          left,
          top,
        },
      ]}
    />
  );
};