ну впрочем так и делается

все венрно

Во, все стало понятнее, спасибо

пж

оу нет file-loader не подойдёт. The file-loader resolves import/require() on a file into a url and emits the file into the output directory.

оу нет file-loader не подойдёт. The file-loader resolves import/require() on a file into a url and emits the file into the output directory.

ну можно в таком виде выводить свг)

<path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z" />

Но все равно например теряется смысл let и const. Они же вроде нужны для экономии оперативки

с var были проблемы с определении области видимости переменных

в таком виде замаешься потом иконки менять, если они во многих местах используются(

в таком виде замаешься потом иконки менять, если они во многих местах используются(

можно написать компонент и привязать такой код к названиям

и использовать комопнент в коде

не очень хорошая идея если иконок больше 100 )

возможно

https://webpack.js.org/loaders/svg-inline-loader/

не благодари

ага, тоже нашёл... но он какую-то дичь вставляет http://joxi.ru/Y2Le3JLt7BEyzA

вобщем частично заборол. работает это https://www.npmjs.com/package/svg-inline-react без svg-inline-loader

красавчик

видимо самопальный конфиг не так прекрасен

ну когда начнеш писать конфиги, будет опыт, то это будет прекрасно

Ребята, может кто-то знает, как установить react пакеты со списка в package.json в свой проект одной командой какой-нибудь?

Автоматизировать как-то, чтобы он сам по списку все установил

Ребята, может кто-то знает, как установить react пакеты со списка в package.json в свой проект одной командой какой-нибудь?

npm i ?

yeah

Сейчас попробую

npm install

век живи - век учись

и все равно дураком помреш

И все равно джуном помрешь

😆

штот как-то не помогло

так еще можно

yarn

но

перед этим надо удалить папку node_modules и файл package.json.lock

тогда он создаст новый и все красиво потянет

Расскажу подробнее что делаю: беру package.json с другого проекта, копирую его к себе и хочу чтобы тот мне установил все пакеты со скопированного package

скинь ево содержимое сюда

а

{ "dependencies": { "axios": "0.18.0", "classnames": "2.2.6", "dateformat": "3.0.3", "es6-enum": "1.1.0", "eventing-bus": "1.3.3", "fixed-data-table-2": "0.8.13", "immutable": "3.8.2", "invariant": "2.2.4", "js-file-download": "0.4.1", "lodash": "4.17.5", "moment": "2.22.0", "node-sass-chokidar": "1.2.2", "npm": "5.8.0", "npm-run-all": "4.1.2", "numeral": "2.0.6", "promise.prototype.finally": "3.1.0", "prop-types": "15.6.1", "react": "16.4.0", "react-bootstrap": "0.32.1", "react-clipboard.js": "2.0.2", "react-contextmenu": "2.9.3", "react-data-grid": "3.0.11", "react-data-grid-addons": "3.0.11", "react-day-picker": "7.1.9", "react-dimensions": "1.3.1", "react-dom": "16.4.0", "react-dropdown-tree-select": "1.15.0", "react-dropzone": "4.2.9", "react-easy-transition": "1.2.6", "react-input-mask": "2.0.2", "react-ionicons": "2.1.6", "react-quill": "1.3.0", "react-redux": "5.0.7", "react-router": "4.3.1", "react-router-dom": "4.2.2", "react-svg-use": "2.1.0", "react-scripts": "1.1.4", "react-select": "^2.0.0", "react-sortable-hoc": "^0.8.3", "react-sortable-tree": "2.3.0", "react-sortable-tree-theme-file-explorer": "1.1.2", "react-spinners": "0.3.1", "react-tooltip": "3.9.0", "react-transition-group": "2.3.0", "reactjs-popup": "1.0.5", "redux": "4.0.0", "redux-logger": "3.0.6", "redux-thunk": "2.2.0", "svgr": "1.10.0" }, "scripts": { "start": "webpack-dev-server --config ./webpack-dev.config.js --mode development", "build-private": "webpack --config ./webpack-prod.config.js --mode production && ./copy-bundle-to-private-web.sh", "build-develop": "webpack --config ./webpack-prod.config.js --mode development && ./copy-bundle-to-private-web.sh", "build-reporter": "webpack --config ./webpack-reporter.config.js --mode development && ./copy-bundle-to-reporter.sh", "build-integration": "webpack --config ./webpack-prod-integration.config.js --mode production && ./copy-bundle-to-private-integration.sh", "build-open": "webpack --config ./webpack-prod-open.config.js --mode production && ./copy-bundle-to-mo-integration.sh", "build-all": "./copy-bundle-to-all-projects.sh", "build-mo-integration-dev": "webpack --config ./webpack-dev-open.config.js --mode production && ./copy-bundle-to-mo-integration.sh", "cookbook": "webpack --config ./webpack-cookbook.config.js --mode production", "lint": "eslint .", "test": "jest --config jest.config.json --verbose", "coverage": "$npm_execpath test --coverage", "styleguide": "styleguidist server", "styleguide-build": "styleguidist build" }, "devDependencies": { "babel-cli": "6.26.0", "babel-core": "6.26.3", "babel-jest": "23.2.0", "babel-loader": "7.1.4", "babel-preset-env": "1.7.0", "babel-preset-flow": "6.23.0", "babel-preset-react": "6.24.1", "babel-preset-stage-2": "6.24.1", "css-loader": "0.28.11", "enzyme": "3.3.0", "enzyme-adapter-react-16": "1.1.1", "enzyme-to-json": "3.3.4", "eslint": "4.19.1", "eslint-config-airbnb": "16.1.0", "eslint-plugin-flowtype": "2.49.3", "eslint-plugin-import": "2.12.0", "eslint-plugin-jsx-a11y": "6.0.3", "eslint-plugin-react": "7.9.1", "faker": "4.1.0", "file-loader": "1.1.11", "flow-bin": "0.74.0", "html-webpack-plugin": "3.2.0", "jest": "23.2.0", "react-styleguidist": "8.0.6", "react-test-renderer": "16.4.1", "rosie": "2.0.1", "sass-loader": "7.0.3", "style-loader": "0.21.0", "svg-loader": "0.0.2", "svg-sprite-loader": "3.9.2", "svgo": "1.0.5", "svgo-loader": "2.1.0", "uglifyjs-webpack-plugin": "1.2.5", "url-loader": "1.0.1", "webpack": "4.16.4", "webpack-cli": "3.1.2", "webpack-dev-server": "3.1.4" }, "styleguide": { "components": "src/**/[A-Z]*.js" } }

name version decription main прописаны?

Тогда оттуда ещё все конфиги копируй

да, но я из-за конфиденциальности их затерла)

Webpack, Babel etc

пропиши свои

и попробуй снова

скрины ошибок в студию после команды npm install

а что в консоле пишет?

{ "name": "react-app", "version": "1.0.0", "description": "", main:"index.js", "dependencies": { "axios": "0.18.0", "classnames": "2.2.6", "dateformat": "3.0.3", "es6-enum": "1.1.0", "eventing-bus": "1.3.3", "fixed-data-table-2": "0.8.13", "immutable": "3.8.2", "invariant": "2.2.4", "js-file-download": "0.4.1", "lodash": "4.17.5", "moment": "2.22.0", "node-sass-chokidar": "1.2.2", "npm": "5.8.0", "npm-run-all": "4.1.2", "numeral": "2.0.6", "promise.prototype.finally": "3.1.0", "prop-types": "15.6.1", "react": "16.4.0", "react-bootstrap": "0.32.1", "react-clipboard.js": "2.0.2", "react-contextmenu": "2.9.3", "react-data-grid": "3.0.11", "react-data-grid-addons": "3.0.11", "react-day-picker": "7.1.9", "react-dimensions": "1.3.1", "react-dom": "16.4.0", "react-dropdown-tree-select": "1.15.0", "react-dropzone": "4.2.9", "react-easy-transition": "1.2.6", "react-input-mask": "2.0.2", "react-ionicons": "2.1.6", "react-quill": "1.3.0", "react-redux": "5.0.7", "react-router": "4.3.1", "react-router-dom": "4.2.2", "react-svg-use": "2.1.0", "react-scripts": "1.1.4", "react-select": "^2.0.0", "react-sortable-hoc": "^0.8.3", "react-sortable-tree": "2.3.0", "react-sortable-tree-theme-file-explorer": "1.1.2", "react-spinners": "0.3.1", "react-tooltip": "3.9.0", "react-transition-group": "2.3.0", "reactjs-popup": "1.0.5", "redux": "4.0.0", "redux-logger": "3.0.6", "redux-thunk": "2.2.0", "svgr": "1.10.0" }, "scripts": { "start": "webpack-dev-server --config ./webpack-dev.config.js --mode development", "build-private": "webpack --config ./webpack-prod.config.js --mode production && ./copy-bundle-to-private-web.sh", "build-develop": "webpack --config ./webpack-prod.config.js --mode development && ./copy-bundle-to-private-web.sh", "build-reporter": "webpack --config ./webpack-reporter.config.js --mode development && ./copy-bundle-to-reporter.sh", "build-integration": "webpack --config ./webpack-prod-integration.config.js --mode production && ./copy-bundle-to-private-integration.sh", "build-open": "webpack --config ./webpack-prod-open.config.js --mode production && ./copy-bundle-to-mo-integration.sh", "build-all": "./copy-bundle-to-all-projects.sh", "build-mo-integration-dev": "webpack --config ./webpack-dev-open.config.js --mode production && ./copy-bundle-to-mo-integration.sh", "cookbook": "webpack --config ./webpack-cookbook.config.js --mode production", "lint": "eslint .", "test": "jest --config jest.config.json --verbose", "coverage": "$npm_execpath test --coverage", "styleguide": "styleguidist server", "styleguide-build": "styleguidist build" }, "devDependencies": { "babel-cli": "6.26.0", "babel-core": "6.26.3", "babel-jest": "23.2.0", "babel-loader": "7.1.4", "babel-preset-env": "1.7.0", "babel-preset-flow": "6.23.0", "babel-preset-react": "6.24.1", "babel-preset-stage-2": "6.24.1", "css-loader": "0.28.11", "enzyme": "3.3.0", "enzyme-adapter-react-16": "1.1.1", "enzyme-to-json": "3.3.4", "eslint": "4.19.1", "eslint-config-airbnb": "16.1.0", "eslint-plugin-flowtype": "2.49.3", "eslint-plugin-import": "2.12.0", "eslint-plugin-jsx-a11y": "6.0.3", "eslint-plugin-react": "7.9.1", "faker": "4.1.0", "file-loader": "1.1.11", "flow-bin": "0.74.0", "html-webpack-plugin": "3.2.0", "jest": "23.2.0", "react-styleguidist": "8.0.6", "react-test-renderer": "16.4.1", "rosie": "2.0.1", "sass-loader": "7.0.3", "style-loader": "0.21.0", "svg-loader": "0.0.2", "svg-sprite-loader": "3.9.2", "svgo": "1.0.5", "svgo-loader": "2.1.0", "uglifyjs-webpack-plugin": "1.2.5", "url-loader": "1.0.1", "webpack": "4.16.4", "webpack-cli": "3.1.2", "webpack-dev-server": "3.1.4" }, "styleguide": { "components": "src/**/[A-Z]*.js" } }

main:"index.ts"

А ошибок то нет. Он типа все устанавливает, но в nonde-modules я не могу найти пакеты, которые должны были установиться

замени на "main":"index.js"

пф

пили проект да и все, вот если будет ругаца что нет покетов тогда другой разговор

замени на "main":"index.js"

Исправила в сообщении

мб ты просто их найти не можеш

пили проект да и все, вот если будет ругаца что нет покетов тогда другой разговор

Ругается

вот, давай ошибки

ну и да, когда стартуеш проект то должны быть конфиги к установленым пакетам

eslin enzyme babel webpack jest и тд

Сейчас попробую пересобрать

ребят, кто может с экшенами помочь?

пиши вопрос

👀

пиши вопрос

есть контейнерная компонента, которая в своем компонентдидмаунт выводит список билетов, через диспатч экшн есть фильтр на сайдбаре, там есть разное коичество остановок, я настроила этот фильтр - можно смотреть несколько, можно только 1 или 3 и там есть еще чекбокс, который все показывает я повесила на него событие и он тоже дергает стейт, но не отрисовывает

штош

давай код

есть контейнерная компонента, которая в своем компонентдидмаунт выводит список билетов, через диспатч экшн есть фильтр на сайдбаре, там есть разное коичество остановок, я настроила этот фильтр - можно смотреть несколько, можно только 1 или 3 и там есть еще чекбокс, который все показывает я повесила на него событие и он тоже дергает стейт, но не отрисовывает

я сначала оба события повесила, но так поняла, что там конфликт, разделила, все равно не работает

в редьюсер приходит экшн даже)

так

тебе код чего скинуть?

в идеале на гитхаб

в идеале на гитхаб

можно в лс?)

канеш

есть контейнерная компонента, которая в своем компонентдидмаунт выводит список билетов, через диспатч экшн есть фильтр на сайдбаре, там есть разное коичество остановок, я настроила этот фильтр - можно смотреть несколько, можно только 1 или 3 и там есть еще чекбокс, который все показывает я повесила на него событие и он тоже дергает стейт, но не отрисовывает

какой именно чекбокс?

чекбоксы нашол

какой именно чекбокс?

ну там сайд бар, в нем набор кнопочек для валюты и чекбокс для выбора пересадок

тут их много)

тут их много)

ну да, наборчик) чтоб выбирать пересадки я для разных настроила, теперь надо как-то все отобразить