Медиа запрос как сделать?

Андрей Иванов, ничего не понял из того, что вы написали и по прежнему не вижу проблемы.

Как защитить приложение на реакте от копирования?

jslby, ну можно попробовать добавить какое-нибудь запутанное условие при котором приложение не будет корректно работать на доменах отличных от вашего:

const _a = window;

function foo () {
  const a = 'ite';
  const b = 'mys';
  
  return b + a;
}

function bar() {
  const c = '.c';
  const d = 'om';
  
  return c + d;
}

function kek() {
  const e = 'loc';
  const f = 'on';
  const g = 'ati';

  return e + g + f;
}

function mek() {
  const h = 'st';
  const i = 'ho';

  return i + h;
}

function lal(lol) {
  return _a[kek()][mek()].includes(lol);
}

if (!lal(foo() + bar())) {
  
}

и сверху обфусцировать. Вставить в неожиданном месте, например, прокинуть в стор, контекст или какой-нибудь wrapper. И в определенном месте рендерить вместо приложения что-то другое. От дурака должно прокатить.

Как защитить приложение на реакте от копирования?

Что бы просто не смогли 1в1 скопировать сайт.

Если у вас нет бэкенд сервиса, то злоумышленнику нет никакой разницы будет ли скопированная сборка обфусцированна или нет, если она будет работать. Если бэкенд сервис есть, то в копировании нет особого смысла.

Как позиционировать элементы в react и сохранить реюзабельнисть компонентов???

m_frost, нет никакой разницы есть у вас html:
<button class="btn" />
или react компонент:
<Button />
Задачи расширения и переопределения стилей решаются точно так же как и в html(если не используете css-in-js библиотек), например, с помощью дополнительных классов:
<button class="btn some-component__btn" />
или в react интерпритации:
<Button className="some-component__btn" />

const Button = ({ className, children }) => (
  <button className={`btn${className ? ` ${className}` : ''}`}>{children}</button>
);

Инструментов для стилизации в React очень много, но суть везде примерно одна - расширение или переопределение базовых классов, стилей или передача специализированных свойств.

Как позиционировать элементы в react и сохранить реюзабельнисть компонентов???

Вопрос больше по основам верстки. Возможно, вам стоит посвятить время ее изучению.
Хорошие примеры "реюзабельных" компонентов можно посмотреть в любом UI Kit, например, в том же bootstrap.

Как передавать данные (payload) в redux-saga?

Ostic, обновил ответ.

Как добавить картинки через props в React Carousel Image Gallery?

jeka-3,

Главное не понятно как в этом коде задать пропсы

Этот код как раз демонстрация того, какой формат должны иметь данные, которые вы передаете через props.

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

Как добавить картинки через props в React Carousel Image Gallery?

jeka-3, исходя из того, что пример из официальной документации:

import ImageGallery from 'react-image-gallery';

class MyComponent extends React.Component {

  render() {

    const images = [
      {
        original: 'http://lorempixel.com/1000/600/nature/1/',
        thumbnail: 'http://lorempixel.com/250/150/nature/1/',
      },
      {
        original: 'http://lorempixel.com/1000/600/nature/2/',
        thumbnail: 'http://lorempixel.com/250/150/nature/2/'
      },
      {
        original: 'http://lorempixel.com/1000/600/nature/3/',
        thumbnail: 'http://lorempixel.com/250/150/nature/3/'
      }
    ]

    return (
      <ImageGallery items={images} />
    );
  }

}

вам не подходит, что вы подразумеваете под своими картинками?

Как добавить картинки через props в React Carousel Image Gallery?

jeka-3, а проблема в чем?

Как добавить картинки через props в React Carousel Image Gallery?

jeka-3, первый же пример в документации.

Как добавить картинки через props в React Carousel Image Gallery?

Смотря, что вы подразумеваете под "свои props"

Как осуществить запрос к Api с JWT?

Этот вопрос вы должны задавать не тут, а людям сопровождающим API.
Обычно токен добавляют в заголовки.

Как редактировать объект в store redux?

Способ описан в документации:

return {
   ...state,
   obj: {
     ...state.obj,
     key3: action.payload,
   },
};

не надо писать:
return state = { ... };
достаточно:
return { ... };
так какstate = в данном случае, абсолютно бессмысленная операция.

React App. Почему приложение перезагружается при переходе по Route?

danil_linkins, ну если вы сами понимаете, что дело не в роутере, то причиной может быть что угодно. От window.href = ... и aRef.click(), до live reloading. Без кода тут и не скажешь точнее.
Если обновление происходит рандомно, значит дело точно не в роутере. Возможно используете какие-нибудь криво написанные сервисы которые делают хардовые переадресации(window.href =).

Для реальных проектов на React используют CDN или CRA?

moreleaksILoveMS, для SSR пишут свою сборку или используют готовое решение, вроде next.js

Для реальных проектов на React используют CDN или CRA?

moreleaksILoveMS, а что вам дадут эти ссылки? Где и как вы код будете организовывать? А инструменты разработчика? Тот же HMR, в create-react-app из коробки.
А для SSR UMD модуль вообще не подойдет.

Для реальных проектов на React используют CDN или CRA?

moreleaksILoveMS, для чего проще? В чем преимущество? Проще всего create-react-app использовать: одна команда и у вас рабочее приложение, еще команда и оно готово для деплоя.

React App. Почему приложение перезагружается при переходе по Route?

danil_linkins, а с чего вы решили, что страница перезагружается? Не должна.

Как в проекте React добавить plugin в babel?

Чем тестируете? Как запускаете? package.json приложите.

React App. Почему приложение перезагружается при переходе по Route?

Каким образом реализованы переходы?