Bytom Dashboard

Разработка

Настройка

Установите Node.js:

brew install node

Установите зависимости:

npm install

Запустите сервер разработки с помощью команды:

npm start

По умолчанию сервер разработки использует следующие переменные среды с значениями по умолчанию для подключения к локальному экземпляру Bytom Core:

API_URL=http://localhost:3000/api
PROXY_API_HOST=http://localhost:9888

Руководство по стилю

Мы используем eslint для поддержания единого стиля кода. Чтобы проверить исходный каталог с помощью eslint, выполните команду:

npm run lint src

React + Redux

ES6

Babel используется для преобразования новейшего синтаксиса ES6 в формат, понятный как для Node.js, так и для браузеров. Чтобы получить совместимый с ES6 REPL (или запустить одноразовый скрипт), вы можете использовать команду babel-node:

$(npm bin)/babel-node

Действия Redux

Для проверки и отладки действий Redux мы рекомендуем расширение Chrome «Redux DevTools»:

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd

Создание новых компонентов

Чтобы создать новый компонент со связанной таблицей стилей, используйте следующую команду:

npm run generate-component Common/MyComponent

Приведённая выше команда создаст два новых файла в каталоге src/components:

src/components/Common/MyComponent/MyComponent.jsx
src/components/Common/MyComponent/MyComponent.scss

с MyComponent.scss, импортированным в качестве таблицы стилей в MyComponent.jsx.

Кроме того, если в src/components/Common есть файл index.js, он будет соответствующим образом добавлять вновь созданный компонент к экспорту индекса.