score:1

Accepted answer

it's a good idea and commonly used for configs:

src |
    config |
        config1.js
        config2.js
        index.js

you define a config file as .json or equivialent javascript object:

const config = {
  sitetitle: '...',
  sitedescription: '...',
  sitekeywords: '...',
  siteurl: '...',
  sitelanguage: '...',
  googleanalyticsid: '...',
  googleverification: '...',
  name: '...',
  location: '...',
  githublink: '...'
  navlinks: [
    {
      name: 'about',
      url: '#about',
    },
    {
      name: 'timeline',
      url: '#jobs',
    },
    {
      name: 'projects',
      url: '#projects',
    },
    {
      name: 'contact',
      url: '#contact',
    },
  ]
};
export default config;

and use it across components:

import { githublink, navlinks } from '@config';

Related Query

More Query from same tag