Структура реагировать на собственные файлы утилиты

Есть ли лучшие практики в структуре реагировать приложение? Иногда мне нужно переместить универсальные функции в отдельные файлы. Но куда же? это не node_module.

  • .gitignore
  • .git
  • пакет.json
  • node_modules
  • src
    • компоненты
    • виды
    • редукторы
    • действия
    • utils ← это мои utils папка.
      1. DateUtils.js
      2. StringUtils.js
      3. NumberUtils.js

Другой способ-создать базовый компонент react, который будет содержать все utils. Все остальные файлы react будут дочерними по отношению к этому компоненту.

class MyBaseComponent extends React.Component {

    dateUtilsMethod() {
       ...
    }

    stringUtilsMethod(myString) {
        ...
    }

}

class MainPageView extends MyBaseComponent { ... }

Какое решение является наилучшим?

1 2
javascript reactjs project-structure

1 ответ:

Я думаю, что вы на правильном пути, хотя это и спорно.
Одна вещь, которая отсутствует на мой взгляд, это индексный файл в папке utils, который предоставляет каждый файл util через export.
например: 

//utils/index.js:  

 export { default as DateUtils} from './DateUtils';
 export { default as StringUtils} from './StringUtils';
 export { default as NumberUtils} from './NumberUtils';

И вы импортируете их из других файлов следующим образом: 

import { DateUtils, NumberUtils} from '../utils ';

Или импортировать все как псевдоним: 

import * as utils from '../utils ';
2