myxotod.github.io/shadow-image

я просто оставлю это здесь..

Мне кажется геймдев не ваш вариант, раз возникают такие вопросы. Когда есть желание, то ничто не остановит, берешь читаешь, гуглишь, учишь, пишешь много и с ошибками, но пишешь. Похожих вопросов куча. Ваше желание и лень настолько велики, что вы даже не попробовали искать ответ на свой вопрос

Как изучить c# с основ до зарабатывания денег?
Путь изучения движка unity?
Где можно изучить Unity + C# с нуля?

Ну и куча всего здесь...
Как изучить unity

reactour думаю что вам нужно что-то подобное

эта штука гуглится так "название фремворка + tour или guide"

Ставишь пакет
npm install react-transition-group

Импортируешь

import { TransitionGroup, CSSTransition } from "react-transition-group";

Анимируешь

<TransitionGroup className="items-section__list">
  {list.map(elem => (
    <CSSTransition key={elem} timeout={500} classNames="move">
      <h5 key={elem}>{elem}</h5>
    </CSSTransition>
  ))}
</TransitionGroup>

Добавляешь css по вкусу

.move-enter {
  opacity: 0.01;
  transform: translate(-40px, 0);
}

.move-enter-active {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 500ms ease-in;
}

.move-exit {
  opacity: 1;
  transform: translate(0, 0);
}

.move-exit-active {
  opacity: 0.01;
  transform: translate(40px, 0);
  transition: all 500ms ease-in;
}

Обновленный пример из вопроса

PS если нравится принцип анимирования через жизненные циклы, то никто не мешает в функциональных компонентах использовать хуки, почти то же самое. Попробуй.
Вот тебе наводка Super easy react mount/unmount animations with hooks

componentDidMount() {
        document.addEventListener('click', this.close);
    }
    
    componentWillUnmount() {
        document.removeEventListener('click', this.close);
    }
    
    close = (event) => {
        const domNode = ReactDOM.findDOMNode(this);
        if (!domNode || !domNode.contains(event.target)) {
            this.setState({ isOpened: false });
        }
    }

я у себя так делаю закрытие чего-либо по клику в любом месте