skbkontur/retail-ui

Name: retail-ui

Owner: Kontur

Description: React controls to implement standards at https://guides.kontur.ru/

Created: 2016-10-18 15:05:07.0

Updated: 2018-04-02 16:57:47.0

Pushed: 2018-04-02 16:57:46.0

Homepage: http://tech.skbkontur.ru/react-ui/

Size: 7900

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

React UI

• Changelog
• Roadmap

????-?????

 add @skbkontur/react-ui

? ?????????? ???????????? ? ???? ? ???????:

.. */
rt Button from '@skbkontur/react-ui/Button'
rt Toast from '@skbkontur/react-ui/Toast'

t MyApp = () => (
iv>
Click this button
{' '}
<Button onClick={() => Toast.push('Hey!')}>Click me</Button>
div>

???? ????????, ??? regeneratorRuntime ?? ?????????, ?? ?????????? ?????????? regenerator-runtime ??? babel-polyfill, ???????? ? index.html

????-????? ????????, ???? ?????? ???????? ?? ??????. ????????, ?? ??????????? create-react-app. ? ????????? ?????? ???????? ? ?????? ??????? style-, css- ? file-loader.

????-?????

?????????? ? ?????? webpack ???????? ????????? ???????:

.. */
le: {
 ... */
aders: [
{
  test: /\.jsx?$/,
  use: [
    {
      loader: 'babel-loader',
      options: {
        presets: [
          'env',
          'react'
        ],
        plugins: [
          'transform-object-rest-spread',
          'transform-class-properties'
        ]
      }
    }
  ],
  include: /retail-ui/
},
{
  test: /\.less$/,
  use: ['style-loader', 'css-loader', 'less-loader'],
  include: /retail-ui/
},
{
  test: /\.(png|woff|woff2|eot)$/,
  use: ['file-loader']
}

 ... */

.. */

????? ?????? ???? ??????!

??? ???????? ????? ????-?????. ? ??????? ????? ???????

.. */
lve: {
 ... */
ias: {
'react-ui-theme.less': 'path-to-my-theme-variables.less'

 ... */

.. */

?????? ?????????? ????? ??????? ? components/variables.less

?????????? css-????? ?????????? ?????? ??????? ??? ?????????

???? ?????????? ???????????? ? ??????? ? ??????, ??? ?????????? ??????? ????? ?? ????????? ?????, ?? ??????? ??? ????????? ?? ?????????? ????? ?????? ???????????

???? ??? ??????????? ????????? ??????, ?? ????? ????????? ????????????? ?????????? ? ??????????, ????? ????? ????????? ????? ???????????? ?????? ?? ?????? ???????

????????????? ??????????? ?? ???? n-???????? ?????????? css-?????? react-ui ? ????????? ??????. ?????????? ?????????? ???????? ????? ?????????? @specificity-level, ???????? ?? ????????? ????? ????, ?? ???? ?? ????????? css-????? react-ui ????? ?? ?? ??? ?? ????? ??????

????? ????????????? ?????????? ? ?????? ???????, react-????, ? ??????? ???????????? ?????????? ?? ??????????, ?????? ???? ??????? ? ??? ? css-??????? react-ui

?????? ????????? ?????????????

.. */
cificity-level: 5;
.. */

?? ???? ????????? css-????? ???????????. ??? ????????????????

?????.

????????????

???????????? ?????????? ? ?????????????? jest ? gemini. ??? ??????? ?????? ?? gemini ?????????? ?????????? ?????????? ????????? SAUCE_USERNAME ? SAUCE_ACCESS_KEY.
??? ??????? ?????? jest ?????? ????? ????????? npm run unit-test

?????? ? ????????

?? ???? ????? ????????? ??????. ?? ??????????? ?????? ? issues ???? ? ???? ??? ???????? ??????????.