Front-end digest #68: Bootstrap 4, гід по оптимізації webpack від Slack

Новини/Релізи:

Bootstrap 4
TypeScript 2.7 RC
У Firefox 58 з'явиться новий компілятор для швидкої обробки WebAssembly – він забезпечить компіляцію байт-коду WebAssembly в 10-15 разів швидше, ніж використовуваний до цього оптимізаційний компілятор.
Speedometer 2.0 – бенчмарк адаптивності веб-застосунків
jQuery 3.3.0. Що нового?
Google про нові правила автоматичного відтворення в Chrome

Статті

Корисності

Jarvis – браузерна панель управління для Webpack

Jarvis

cssreference.io – візуальний гід по CSS
After.js – Next.js-подібний фреймворк для створення React застосунків з серверним рендерингом за допомогою React Router 4
Reactive JSON (RJX) – рендеринг React компонентів без налаштувань з RXJ JSON об'єктів
React JavaScript to TypeScript Transform – інструмент для трансформації JavaScript коду React у TypeScript

до:

class MyComponent extends React.Component {
    static propTypes = {
        prop1: React.PropTypes.string.isRequired,
        prop2: React.PropTypes.number,
    };
    constructor() {
        super();
        this.state = { foo: 1, bar: 'str' };
    }
    render() {
        return (
            <div>
                {this.state.foo}, {this.state.bar}, {this.state.baz}
            </div>
        );
    }
    onClick() {
        this.setState({ baz: 3 });
    }
}

після:

type MyComponentProps = {
    prop1: string;
    prop2?: number;
};

type MyComponentState = {
    foo: number;
    bar: string;
    baz: number;
};

class MyComponent extends React.Component<MyComponentProps, MyComponentState> {
    constructor() {
        super();
        this.state = { foo: 1, bar: 'str' };
    }
    render() {
        return (
            <div>
                {this.state.foo}, {this.state.bar}, {this.state.baz}
            </div>
        );
    }
    onClick() {
        this.setState({ baz: 3 });
    }
}

Вакансії

Senior React.js Engineer (Київ) / Preply
- 3+ роки розробки веб-застосунків, JavaScript, React.
- Англійська рівня Upper Intermediate.
Senior Front-End Developer (Харків) / EZLO
- JavaScript, Ember.
- Англійська рівня Intermediate.
Senior Front-End Developer (Київ) / Advantio
- JavaScript, Ember.
- Англійська рівня Fluent.
- $2500-4000.
Senior Frontend Developer (Київ) / The App Solutions
- 3+ роки розробки на JavaScript, 2+ роки досвіду з React.
- Англійська рівня Intermediate.
Senior JavaScript Developer (Київ) / Evolvice Team
- 4+ роки розробки на JavaScript, досвід роботи AngularJS.
- Англійська рівня Upper Intermediate.
- $4000-4500.