Комментарии пользователя cester

Почему ошибка при установке prettier?

cester @cester Автор вопроса

{
  "parser": "babel-eslint",
  "env": {
    "browser": true,
    "node": true,
    "es6": true,
    "mocha": true,
    "jest": true,
  },
  "extends": [
    "airbnb",
    "prettier",
    "prettier/react"
  ],
  "plugins": [
    "prettier"
  ],
  "settings": {
    "import/resolver": {
      "webpack": {
        "config": "./webpack/webpack.dev.config.js"
      }
    }
  },
  "rules": {
    "no-unused-vars": 0,
    "react/require-default-props": 0,
    "no-shadow": 0,
    "no-underscore-dangle": 0,
    "no-console": 0
  }
}

@rockon404,

Написано более трёх лет назад

Почему ошибка при установке prettier?

cester @cester Автор вопроса

Антон Спирин, Значит я что-то не так сделал, у меня он это не исправляет.
Плюс нет этого

Написано более трёх лет назад

Почему ошибка при установке prettier?

cester @cester Автор вопроса

Антон Спирин, Но это все было и без prettier работало, в чем польза prettier тогда?

Написано более трёх лет назад

Почему ошибка при установке prettier?

cester @cester Автор вопроса

Антон Спирин, Ошибка исчезла, но сейчас оно не работает, весь файл красный в ошибках как и раньше.
yarn precommmit не работает

Написано более трёх лет назад

Почему ошибка при установке prettier?

cester @cester Автор вопроса

Антон Спирин, Кусок конфига

{
  "scripts": {
    "start": "cross-env NODE_ENV=development nodemon --inspect server --ignore client/ --exec babel-node",
    "precommit": "lint-staged",
    "prepush": "yarn test"
  },
  "lint-staged": {
    "*.{js,jsx}": [
      "prettier --write",
      "eslint --fix",
      "git add"
    ],
    "*.{css,scss}": [
      "stylelint --fix",
      "git add"
    ]
  },
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.0",
    "babel-eslint": "^8.0.1",
    "babel-jest": "^22.1.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-react-css-modules": "^3.3.0",
    "babel-plugin-react-remove-properties": "^0.2.5",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.23.0",
    "babel-preset-react-hmre": "^1.1.1",
    "babel-preset-stage-1": "^6.24.1",
    "cross-env": "^5.0.5",
    "css-loader": "^0.28.7",
    "cssnano": "^3.10.0",
    "eslint": "^4.16.0",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-config-prettier": "^2.9.0",
    "eslint-import-resolver-webpack": "^0.8.4",
    "eslint-plugin-codeceptjs": "^0.3.0",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-jsx-a11y": "^6.0.2",
    "eslint-plugin-react": "^7.5.1",
    "eslint-watch": "^3.0.1",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^1.1.4",
    "html-webpack-plugin": "^2.30.1",
    "husky": "^0.14.3",
    "identity-obj-proxy": "^3.0.0",
    "jest": "^22.1.4",
    "lint-staged": "^6.0.1",
    "nock": "^9.1.6",
    "node-sass": "^4.7.2",
    "nodemon": "^1.11.0",
    "np": "^2.16.0",
    "npm": "^5.4.2",
    "postcss-loader": "^2.0.6",
    "postcss-nested": "^2.1.2",
    "postcss-scss": "^1.0.2",
    "redux-mock-store": "^1.3.0",
    "sass-loader": "^6.0.3",
    "style-loader": "^0.18.2",
    "stylelint": "^8.4.0",
    "stylelint-config-standard": "^18.0.0",
    "stylelint-order": "^0.8.0",
    "stylelint-scss": "^2.2.0",
    "url-loader": "^0.5.9",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-middleware": "^1.12.0",
    "webpack-hot-middleware": "^2.19.1"
  }
}

До сих пор проблема не решана
такое впечатление, что webstorm хочет загрузить этот плагин из папки eslint

Написано более трёх лет назад

Почему ошибка при установке prettier?

cester @cester Автор вопроса

Когда добавляю prettier в .eslintrc.
Скрин такой же..

Написано более трёх лет назад

Почему ошибка при установке prettier?

cester @cester Автор вопроса

Вроде работает, красные warnings исчезли, но webstorm все равно материться

Не понимаю почему.
Еще вопрос..
Где-то читал, что была раньше какая-то проблема со стрелочными функциями.
Замечали какие-то проблемы с этим?

Написано более трёх лет назад

Как убрать eslint warnings одной командой?

cester @cester Автор вопроса

Спасибо!
У меня сейчас webstorm материться
Error: Cannot find module 'eslint-config-prettier'
Хотя он установлен.
Не знаете в чем проблема?

Написано более трёх лет назад

Как можно улучшить High Order Reducer?

cester @cester Автор вопроса

Антон Спирин, это самый простой пример с документации.
Что делать с большими редюсерами?

Написано более трёх лет назад

Как можно улучшить High Order Reducer?

cester @cester Автор вопроса

Mikhail Osher, в моем коде есть много редюсеров, почти одинаковых.
что плохого, что я написал эту функцию и выбросил 1000 строк кода?

Написано более трёх лет назад

Как можно улучшить High Order Reducer?

cester @cester Автор вопроса

Антон Спирин, Что тогда HOR?

Написано более трёх лет назад

Как можно улучшить High Order Reducer?

cester @cester Автор вопроса

Этот код заменяет мне много редюсеров, я вызываю одну функцию вместо написания всего редюсера, но есть лишние свойства (в этом и проблема)

Написано более трёх лет назад

Чем заменить null в массиве?

cester @cester Автор вопроса

используется для High Order Reducer, передаю этот массив в функцию, которая уже генерирует редюсер

Написано более трёх лет назад

Как использовать High-Order-Reducer, react/redux?

cester @cester Автор вопроса

Антон Спирин, Окей, а как в таком случае работать с селекторами? Все сламалось

export const getIsLoadedSelector = ({ reducer }) => reducer.delete.isLoaded;

И можна ли в такому случае combineReducers использовать несколько раз, то есть еще в главном редюсере?

Написано более трёх лет назад

Как использовать High-Order-Reducer, react/redux?

cester @cester Автор вопроса

Антон Спирин,

Моя ошибка, невнимательность. Написал полную бурду.

Так как по нормальному это написать??
Нуже именно HOR

Написано более трёх лет назад

Как использовать High-Order-Reducer, react/redux?

cester @cester Автор вопроса

Антон Спирин, мне нужен HOR
Как обьединить в один редюсер и сделать экспорт в стор?

const todosReducer = createAsyncReducer([
  "TODOS_REQUEST",
  "TODOS_SUCCESS",
  "TODOS_FAILURE"
]);
const todosReducer2 = createAsyncReducer([
  "TODOS_REQUEST2",
  "TODOS_SUCCESS2",
  "TODOS_FAILURE2"
]);

const withAddTodo = reducer => (state, action) => {
  const nextState = reducer(state, action);
  switch (action.type) {
    case "ADD_TODO":
      return {
        ...nextState,
        data: [...nextState.data, action.payload]
      };
    default:
      return nextState;
  }
};

const customReducer = withAddTodo(todosReducer);
// надо в customReducer  записать todosReducer2

Написано более трёх лет назад

Как использовать High-Order-Reducer, react/redux?

cester @cester Автор вопроса

Антон Спирин, Александр, Спасибо за помощь, помогли!!!!

Написано более трёх лет назад

Как использовать High-Order-Reducer, react/redux?

cester @cester Автор вопроса

Антон Спирин, мне нужно максимально уменьшить дублирование кода. Здесь я привел пример с медиума, мои редюсера на много больше, например такой

const createAsyncReducer (state, action) => {
  switch (action.type) {
    case "USER_REQUEST":
      return {
        ...state,
        edit: {
          ...state.edit,
          isFetching: true,
        }
      }
    case "USER_SUCCESS":
      return {
        ...state,
        edit: {
          ...state.edit,
          isFetching: false,
          data: action.payload,
          error: void 0,
        }
      }
    case  "USER_FAILURE":
      return {
        ...state,
        edit: {
          ...state.edit,
          isFetching: false,
          error: action.payload
        }
      }
    case  "USER_SOME_ACTION":
      return {
        ...state,
        edit: {
          ...state.edit,
          isFetching: false,
          error: action.payload.some
        }
      }
    case "USER_REQUEST2":
      return {
        ...state,
        delete: {
          ...state.delete,
          isFetching: true,
        }
      }
    case "USER_SUCCESS2":
      return {
        ...state,
        delete: {
          ...state.delete,
          isFetching: false,
          data: action.payload,
          error: void 0,
        }
      }
    case  "USER_FAILURE2":
      return {
        ...state,
        delete: {
          ...state.delete,
          isFetching: false,
          error: action.payload
        }
      }
    case  "USER_SOME_ACTION2":
      return {
        ...state,
        delete: {
          ...state.delete,
          isFetching: false,
          error: action.payload.some
        }
      }
    default: return state;
  }
}

Если у меня много таких обьектов (edit, delete, create, load)

delete: {
          ...state.delete,
          isFetching: false,
          error: action.payload.some
        }

Как их можно разделить и оптимизировать, уменьшить код?

Написано более трёх лет назад

Как использовать High-Order-Reducer, react/redux?

cester @cester Автор вопроса

Антон Спирин, ответа не нашлось)

Написано более трёх лет назад

Как использовать High-Order-Reducer, react/redux?

cester @cester Автор вопроса

Антон Спирин, а мне что пововетуете?)

Написано более трёх лет назад

Войдите на сайт