DEMO (если не видно данных, то нужно выполнить reset-запрос к API)
Тут можно оценить, как я применяю следующие инструменты: react, styled-jsx + postcss, material-ui, css-анимацию, axios, express, react-router, flow + tcomb, prettier, redux, reselect, recompose, thunk, saga, ducks-pattern + redux-act, загрузку данных через API, доменную организацию компонентов, функциональные компоненты, промисы, генераторы, мемоизацию, спреды, оператор расширения, деструкцию, стрелочные функции, шаблонные строки, настройки VSCode и WebStorm.
$ git clone git@github.com:comerc/yobr.git
- Запустить сервер:
$ cd ~/yobr/server
$ yarn install
$ yarn start
- Запустить клиент:
$ cd ~/yobr
$ yarn install
$ yarn start
Работают относительно папки src:
import MyComponent from 'components/MyComponent'
Нужно добавить jsconfig.json в корень проекта:
{
"compilerOptions": {
"target": "ES6"
},
"exclude": [
"node_modules"
]
}
Для папки src в контекстом меню выполнить: Mark Directory as > Resource Root.
- Установить плагин js-hyperclick.
- Для доменных компонентов прописывать в package.json путь до src:
{
"moduleRoots": [
"../.."
]
}
Выполняется автоматически при коммите в git, благодаря Prettier - все настройки в package.json:
{
"devDependencies": {
"husky": "^0.13.3",
"lint-staged": "^3.4.1",
"prettier": "^1.3.1",
},
"scripts": {
"precommit": "lint-staged"
},
"lint-staged": {
"*.js": [
"prettier --print-width 100 --single-quote --trailing-comma all --no-semi --write",
"git add"
]
}
}
Чтобы выполнить импорт настроек редактора, нужно установить Settings Sync, потом [Shift]+[Alt]+[D] и ввести ключ: 37f6bb06dfd1b4bc93efbfbf19d60cea
Выполнить 'Import Settings...' из ./webstorm.jar