Where to store common react components and how to include them?

Question

JavaScript

The project has common components, connecting them via relative links: "../../../" is inconvenient.
Are there alternatives?

Answer 1

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

Answer 2

https://webpack.js.org/configuration/resolve/
+
https://github.com/timarney/react-app-rewired#how-...
+
https://www.npmjs.com/package/react -app-rewire-aliases
+ config-overrides.js
file (in the same place as package.json)

const rewireAliases = require("react-app-rewire-aliases");
const { paths } = require("react-app-rewired");
const path = require("path");

module.exports = function override(config, env) {
  config = rewireAliases.aliasesOptions({
    Views: path.resolve(__dirname, `${paths.appSrc}/templates/default/views`),
    Components: path.resolve(__dirname, `${paths.appSrc}/controllers`),
    Store: path.resolve(__dirname, `${paths.appSrc}/controllers/store`),
    Config: path.resolve(
      __dirname,
      `${paths.appSrc}/controllers/services/Config`
    ),
  })(config, env);

  return config;
};

=