Структура React для собственных файлов utils

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

  • .gitignore
  • .git
  • пакет.json
  • node_modules
  • src
    • components
    • взгляды
    • редукторы
    • действия
    • utils ← this is my utils folder.
      1. DateUtils.js
      2. StringUtils.js
      3. NumberUtils.js

Другой способ — создать базовый компонент реакции, который будет содержать все утилиты. Все остальные файлы реакции будут дочерними для этого компонента.

class MyBaseComponent extends React.Component {

    dateUtilsMethod() {
       ...
    }

    stringUtilsMethod(myString) {
        ...
    }

}

class MainPageView extends MyBaseComponent { ... }

Какое лучшее решение?


reactjs javascript project-structure
person Vesmy    schedule 12.09.2017    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Я думаю, что вы на правильном пути, хотя это спорно.
Одна вещь, которой, по моему мнению, не хватает, — это файл индекса в папке 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 ';
person Sagiv b.g    schedule 12.09.2017