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

Question

Есть ли лучшая практика в структуре приложения 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 { ... }

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

Accepted Answer

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

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

Ответы

Ответ 1 · рейтинг 5 · Sagiv b.g

Похожие материалы