Как сделать чтобы вебпак компилировал все scss-файлы в один css-файл?

ch-aqwer, у меня scss. Весь код импортируется в главный файл и он уже импортируется в App. Там только normalize, @font-face и прочие глобальные стили. Я попробовал добавить импорт файла в рандомный компонент и код добавился в основной бандл.

Как реализовать одновременный доступ к API пользователя и мобильного приложения?

Какая-то каша. Попробуйте четко сформулировать проблему.

Как сделать чтобы вебпак компилировал все scss-файлы в один css-файл?

ch-aqwer, у меня собирается один бандл. Версия плагина 0.6.0. webpack - 4.31.0

Как сделать чтобы вебпак компилировал все scss-файлы в один css-файл?

ch-aqwer, у меня не воспроизводится. Вы какую версию плагина используете?

Как сделать чтобы вебпак компилировал все scss-файлы в один css-файл?

ch-aqwer, покажите весь конфиг.

Как вернуться к родительскому компоненту в react?

pink2floyd, это как раз примерно то, что по-хорошему надо использовать. Пишите поверх Route реализацию AuthRoute:

const AuthRoute = ({ component: Component, render, isSignedIn, ...rest }) => (
  <Route {...rest} render={props => {
    if (!isSignedIn) return (
      <Redirect to={{
        pathname: "/signin",
        state: { referrer: props.history.location.pathname }
      }} />
    );

    if (render) return render({ ...props });

    return <Component {...props} />;

  }} />
);

const mapStateToProps = state => ({
  isSignedIn: isSignedInSelector(state),
});

export default connect(mapStateToProps)(AuthRoute);

и у вас будет переадресация на логин со всех страниц, требующих авторизации для неавторизованных пользователей.

Как вернуться к родительскому компоненту в react?

pink2floyd, использовать react-router-dom

Как вернуться к родительскому компоненту в react?

pink2floyd, нужен код. Без него не ясно ни что вы используете, ни что вам посоветовать.

Добавление токена авторизации в заголовки?

Андрей Охотников, что-то на каком-то этапе неправильно делаете. Демо.

Добавление токена авторизации в заголовки?

Андрей Охотников, ну на самом деле не вижу смысла не поставить в данном случае заголовок по-умолчанию.
Еще axios позволяет устанавливать baseURL:
axios.defaults.baseURL = API_URL;

Ну на крайняк, если это действительно зачем-то надо, можно сделать так:

const getDefaultHeaders = () => ({
  Authorization: `Bearer ${getFromLocalStorage('token')}`,
});

const get = (url, options = {}) => {
    
  const headers = options.headers ?
    { ...options.headers, ...getDefaultHeaders() } : getDefaultHeaders();
 
  return axios.get(`${API_URL}/${url}`, {
    ...options,
    headers,
  });
};

Просто при обновлении токена, его просто обновить и в заголовках по-умолчанию.

Как отправить ajax запрос с заголовком Cookie?

Есть специальный заголовок Authorization.

В чем проблема SQL-Инъекций?

Gene Hagmt, вы понимаете очевидные вещи и у вас бы запрос отсеялся, но не перевелись еще проекты, где это работает и с формами, и с query string.

— Вы действительно назвали своего сына Роберт'); DROP TABLE Students;-- ?
— А, да. Дома мы его зовём Робин-брось-таблицу.

В чем проблема SQL-Инъекций?

Вот залогинится у вас на сайте ` ; DROP TABLE USERS ; --, узнаете.

Проблема с CORS?

marataziat, так и есть. И тем ни менее, как выяснилось, cors all все-таки использовать можно, а на этапе разработки это очень удобно.

Как составить грамотную структуру директорий кроссплатформенного проекта?

CaptainJustness, есть еще API сервис это отдельный самостоятельный проект и он лежит в отдельном репозитории. C клиентским проектом его ничего не связывает.

Как составить грамотную структуру директорий кроссплатформенного проекта?

CaptainJustness, нет в папке server простенький express сервер, который использует серверную точку входа из src/js/web и нужен для SSR.

Это один из текущих рабочих проектов.

Нужно ли использовать useMemo в hooks?

miliko mikoyan, так в этом и фишка кастомных хуков вы можете использовать их в разных компонентах. Ну если этого не требуется, то можно написать всю логику в компоненте.

Нужно ли использовать useMemo в hooks?

miliko mikoyan, смотрите. вызов useBanner будет происходить каждый render компонента. Но аргументы переданные в useState будут использованы только один раз при инициализации. Чтобы не делать лишних операций, сложные вычисления оборачивают в вызов функции, которая будет вызвана всего один раз.
Если не оборачивать, то каждый рендер будет выполняться array.slice(0, yardage), при том что результат этой операции будет использован лишь единожды.
Отвечая на ваш вопрос, если правильно понял, то нет последующие изменения props не повлияют на состояние компонента. Они будут использованы только при инициализации.

Что лучше использовать для начального значений функции или useMemo?

miliko mikoyan, например:

const computeStateByProps = ({ yardage, arrList, indxList }) => {
  const arrStart = Math.floor(indxList / yardage) * yardage;

  if (indxList < arrList.length) {
    return {
      index: arrStart + yardage,
      list: arrList.slice(arrStart, arrStart + yardage),
    };
  }

  return {
    index: arrStart - yardage,
    list: arrList.slice(arrStart - yardage, arrStart),
  };
};

class App extends React.Component {
  state = computeStateByProps(this.props);
  
  render () {
    return(
      ....
    );
  }
}

Классы удобно использовать в компонентах с большим количеством методов и в компонентах, которые вешают на нативные события document или window хандлеры в которых используется внутреннее состояние.

Не работает роутинг на хостинге?

prolina, задеплоить проект туда, где поддерживается node.js и запустить сервер.