Андрей Охотников

Кардинальных изменений нет, все работает по тем же принципам что и раньше, единственное больше уклон в сторону разработки на хуках, от классовых компонентов постепенно уходят.
Но при этом во многих проектах осталось куча легаси со старыми версиями реакта, вполне возможно что придется их поддерживать и знания пригодятся, если же нет, то разобраться во всех нововведениях можно будет за 1 день

Можно использовать возможности реактовского роутера или при помощи

Открытие попапа
history.pushState(null, '', '/product-123');

Закрытие
history.back();

Лучше конечно для каждого значения отдельный инпут создавать, мало ли что введет юзер, забудет отчество ввести или местами поменяет ИОФ введет, в итоге в базу попадут некорректные данные

Можно и на Wordpress (woocommerce) подключить rest api и реализовать фронт на React - https://docs.woocommerce.com/document/woocommerce-...

Не нужно, это норма

const { page, url, metas } = useSelector((state) => state.router);

Vue достаточно быстрый, в каких то моментах даже быстрее чем реакт, если рендер максимально долгий, значит где то ошибка, надо разбираться, переход на другую технологию ничего не даст, вероятно станет работать еще хуже, нужно использовать инструменты для тестирования фронта, тот же лайтхаус от гугла может быть очень полезным

Express - самый популярный, либо koa как его производная

<img src="" alt="" id="image" style="width: 300px" />

    <script>
      const image = document.getElementById('image');

      const imagesList = [
        'https://wallpaperscave.ru/images/original/18/05-07/animals-foxes-49093.jpg',
        'https://madhunter.ru/wp-content/uploads/2019/12/opisanie-lisitsy.jpg',
        'https://pbs.twimg.com/media/EWXPKseX0AcP8Oe.jpg',
      ];

      setInterval(() => {
        const index = Math.floor(Math.random() * imagesList.length);

        image.src = imagesList[index];
      }, 1000);
    </script>

mounted тут не нужен, можно повесить на нужный див обработчик
v-on:scroll.native="handleScroll"

и в methods создать функцию

methods: {
          handleScroll(e) {
            console.log(this);
          }
        }

Мы собрали свою CMS на стеке - php(laravel) - mysql - vuejs, если знаете react и node то их и используйте, базу mongodb прикрутить и express на nodejs для бека

const fetch = () => {
        const login = window.location.pathname
        fetch(`http://localhost:3000/auth${login}`)
            .then(res => res.json())
            .then(profile => setProfileUser(profile))
            .catch(e => console.log(e))
}
useEffect(() => {
        fetch()
    }, [])

initialSlide: 1 - указать нужный слайд
В ссылке на страницу гет параметром передать нужный индекс - page?initialSlide=1

Вот пример как работать с вебсокет в реакт https://github.com/mehmetkose/react-websocket

Ну во первых нужно убрать дублирование кода, зачем одинаковые функции создавать для каждого элемента, а если их будет 100?