Akiyamka

/**
 * @author Boggddan <github.com/boggddan>
 * Запускается в браузерах которые не поддерживают свойство background-blend-mode.
 * Полифил применяется к тегам помеченым атрибутом `data-background-blend-mode` в свойтвах которого нужно передать режим смешивания.
 * Поддерживается: normal, multiply, lighten, screen, darken. (протестировано в IE 11)
 * @example: <div data-background-blend-mode="multiply"></div>
 */

/* Element.prepend polyfill for IE 11 */
function prependPolyfill() {

Akiyamka

const { ApolloServer, gql } = require('apollo-server');
const { libraryAPI, bankAPI } = require('./mocks');

const typeDefs = gql`

  type Book {
    title: String
    author: Author
  }

Akiyamka

Для того чтобы залогинить существующего пользователя воспользуйтесь методом signInWithEmailAndPassword

firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});

Akiyamka

• scale.linear -> scaleLinear
• d3.time.format -> d3.timeFormat
• d3.time.scale -> d3.scaleTime
• d3.svg.line -> d3.line
• d3.svg.brush().x() -> d3.brushX()
• d3.svg.brush().y() -> d3.brushY()
• d3.svg.brush().x().y() -> d3.brush() ???

https://github.com/d3/d3/blob/master/CHANGES.md#brushes-d3-brush

Akiyamka

Reducing Boilerplate

Упрощаем action creator:

Центральный элемент redux - action. Выглядит он примерно так:

{
 type: ADD_TODO,

Akiyamka

<div id="cont" data-precent="100">
  <svg id="svg" width="200" height="200" viewPort="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <circle r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
    <circle id="bar" r="90" cx="100" cy="100" fill="transparent" stroke-dasharray="565.48" stroke-dashoffset="0"></circle>
  </svg>
</div>
<label for="percent">Type a percent!</label>
<input id="percent" name="percent">

Akiyamka

    startQuery() {
        return Promise.all([
            this._createCampaign(this.$models),
            this._createCreative(this.$models),
        ]).then(resps => {
            this.setStore('campaign', resps[0]);
            this.setStore('creative', resps[1]);
            return this._createStrategy(this.$models, this.$store)
        }).then(strategy => {
            this.setStore('strategy', strategy);

Akiyamka

function toBlob(func) {
    const funcString = func.toString();
    const code = funcString.substring(
        funcString.indexOf('{') + 1,
        funcString.lastIndexOf('}'),
    );
    const blob = new Blob([code], { type: 'application/javascript' });
    return URL.createObjectURL(blob);
}

Akiyamka

const re = /^(?:(?:https?|[\w]*):((\/\/)[\w\d]|[\w\d+])).*/gm;

// VALID
tel:+12123123123123
http://asdasdasd.com
http://ru.asdasdasd.com
https://ru.asdasdasd.com
https://123sdasdasd.com
https://123sdasdasd.com/%D1%84%D1%8B%D0%B2%D1%84%D1%8B%D0%B2%D1%84%D1%8B%D0%B2
tg://asdasd

Akiyamka

// Realization

function startPipeline(pipelineRequests, order) {
  order = order || [
      'before',
      'requestModel',
      'after',
      'stateToModel',
      'setValidations'