ivn-cote

function doSomeThings(flag) {
  if (flag)
    doThat()
  else 
    doAnother()
 }
 

ivn-cote

#!/bin/bash

sed -i '' 's/<old>/<new>/g' package-lock.json
sed -i '' 's/<old>/<new>/g' .npmrc
rm -rf node_modules
npm cache clear --force
npm i

ivn-cote

jest.dontMock('../getStuff');

describe('getStuff', () => {
  let getStuff;
  let request;
  let stuffStore;

  it('loads the data', () => {
    const id = 1;
    const data = {a: 1};

ivn-cote

Toy projects with React/Webpack/Redux

• https://github.com/ivn-cote/meechat Challenge test in May 2016. Simple chat based on React, Redux, Webpack.
• https://github.com/ivn-cote/range Challenge test in November 2016. The implementation of a simple html range component. The requirements were to use Create React App project and add Redux handlers.
• https://github.com/ivn-cote/schedule Challenge test in December 2015. The implementation of simple calendar layout with proper events rendering. I used React, Webpack, Stylus.
• https://github.com/ivn-cote/bemixin Small tool project: React mixin (for old React versions). My former collegues used it as well. Published May 2016.

ivn-cote

// bad
.block {
    .block-element {}
}
.block---element2 {
    .block---element2__modifier {}
}
.block-element_modifier {}

ivn-cote

// good enough
.block {
    .element {
    }
    .element.element_modifier {
    }
}
.block.block_modifier {
}
<div class="block">

ivn-cote

// bad
.samovar {
    background-image: url('samovar.svg');
}
.teapot {
    background-image: url('teapot.svg');
}
.cup {
    background: white;
    border-top: none;

ivn-cote

// bad
.varenik {
    background-color: white;
}
.varenik.varenik_fill_cherry {
    color: red;
    width: 200%;
    border-radius: 20%;
}
.varenik.varenik_pirog {

ivn-cote

// goood
.varenik {
    .varenik-pastry {
        background-color: white;
    }
}
.varenik.varenik_fill_potato {
    border-radius: 40%;
}
.varenik.varenik_fill_cherry {

ivn-cote

// good
.button {
    .button_text {
        display: inline-block;
        border: none;
        background: transparent;
        @include linkRules
    }
}
a.link {