ArturJS

import PropTypes from 'prop-types';
import {
    compose,
    defaultProps,
    setDisplayName,
    setPropTypes,
    lifecycle,
    pure,
    withStateHandlers,
    withHandlers

ArturJS

Рефакторим js с помощью js

Та-дааам. Всем привет!

[слайд с планом] В рамках данного доклада мы рассмотрим следующее: Как отрефакторить старый код минимальными усилиями и в кратчайшие сроки. Возможные (наивные) варианты решения проблемы.

ArturJS

ArturJS

awesome-jscodeshift

astexplorer.net example

Рефакторинг кода в обеденный перерыв: знакомство с сodemod-скриптами

Презентация

Текст к презентации

ArturJS

#!/bin/bash

sed -i -e 's|throw error;|console.error(error);|g' node_modules/flow-runtime/dist/flow-runtime.umd.js

ArturJS

todo: create tool which could get diffs of stack traces and vars values to have easier debugging experience Especially, when you compare similar cases and one of them NOT WORKING!

1. remove fucking "use strict";

 sed -i -e 's|use strict|LoL|g' dist/davinciDesigner*.js

2. for each function from call stack execute

ArturJS

#!/bin/bash

nohup sudo /home/arturjs/.nvm/versions/node/v8.15.0/bin/http-server -p 80 &
nohup sudo /home/arturjs/.nvm/versions/node/v8.15.0/bin/simplehttp2server -listen :443 &

ArturJS

// @flow

import Promise from 'promise';

const noop = () => {};

export const downloadFile = (
    {
        url,
        callbacks

ArturJS

const fs = require('fs');
const { PNG } = require('pngjs');
const pixelmatch = require('pixelmatch');

const img1 = fs.createReadStream('img1.png').pipe(new PNG()).on('parsed', doneReading);
const img2 = fs.createReadStream('img2.png').pipe(new PNG()).on('parsed', doneReading);
let filesRead = 0;

function doneReading() {
    if (++filesRead < 2) return;

ArturJS

# show git branch
parse_git_branch() {
     git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/\1/'
}
export PS1="\[\033[36m\]\u\[\033[m\]@\[\033[32m\] \[\033[33;1m\]\w\[\033[m\] (\$(parse_git_branch)) \$ "