Frontend дайджест #12: React Conf, ELM архитектура в JS приложениях, материалы по GraphQL и грядущий Meteor.js 1.3

В выпуске: функциональный JS и Монады, процедуры рендаринга в Chrome, создание интерактивных путешествий с Odyssey.js, как TJ использует Makefile, тестирование React.js и Angular 2 приложений

Почитать

ECMAScript String Padding — новые прототипы строк.

Meteor’s Reactive GraphQL(Apollo) Is Just Awesome — Meteor.js и GraphQL.

Why you should stop supporting IE10, IE9 and IE8 — почему не стоит поддерживать старые IE.

Practical Intro to Monads in JavaScript — монады в JS на практике.

Functional Programming for JavaScript People — функциональное программирование в ES6.

Let’s Learn GraphQL — курс по GraphQL.

GraphQL: Learn by Doing — Часть 1, Часть 2, Часть 3.

How to Build a GraphQL Client Cache  - кэширование GraphQL запросов.

Getting started with Redux and GraphQL — с нуля.

The Anatomy of a Frame — Пол Льюис про процедуры рендеринга в Chrome.

Introducing ES2015 Proxies — Едди Османи о Proxy.

Performance engineering with React — производительность React.js приложений.

Step by Step Guide To Building React Redux Apps — туториал по Redux.

Using React with canvas element — React.js и сanvas.

Enzyme: JavaScript Testing utilities for React — тестируем React.js без боли.

Why and how you should start using React Native? — с чего начать.

Testing React Native components with Enzyme — тестирование React Native приложений.

Implement Snapchat like swipe navigationdeclaratively in React Native — свайп в React Native.

React.js Conf 2016 Quick Summaries — все самое главное — Часть 1, Часть 2.

Elmish: Functional Programming in Javascript — JS в Elm стиле.

Building a cross-platform desktop app with Electron and Elm — приложение на Electron и Elm.

Elm Architecture with jQuery — Elm в jQuery приложениях.

Building a chat room app with CycleJS and SocketIO - чат на Cycle.js и SocketIO.

Angular 2 — Unit Testing recipes — тестирование Angular 2.

Angular 2 — Our first component — как начать дружить с Angular 2.

Building A Simple Reddit Client Web by Angular2 and RxJ.

Why I’m NOT a TypeScript Fan — фидбек по TypeScript.

Creating Apps with Ionic 2 — приложение на новом Ionic и Angular.

I’m a web developer and I’ve been stuck with the simplest app for the last 10 days.

Minimizing boilerplate with NPM & Makefiles — как TJ использует Makefile.

Why I :emoji_2764: Node.js — почему Node.js?

Refactoring Mocha Tests for Node 5 — тесты в ES6 стиле.

PostgreSQL in Node.js with ES7 async/await — плюсы async/await на сервере.

Webpack 2 Tree Shaking Configuration — Webpack 2 на практике.

Flux and Meteor harmony — приложение на Meteor.js с Flux.

Посмотреть

React.js Conf 2016 — 31 доклад про React.js.

How to Contribute to an Open Source Project on GitHub — введение в мир Open Source.

Hapi.js — курс по Hapi.js.

Try Ember — курс по Ember.js.

Reactjs — Speed up Server Side Rendering — как ускорить рендеринг React-компонет.

Matt DeBergalis on Meteor 1.3 and Beyond — что нового в Meteor.js 1.3.

Angular2 Beta, RxJS, TypeScript — доклад команды Angular.

Послушать

34 выпуск Radio.js.

Frontflip Podcast — GraphQL и Relay.

Веб-стандарты — флексбокс, БЭМ и шаблонизаторы.

Библиотеки

Victory — создание графиков на React.js.

Draft — тектстовый редактор на React.js.

React Flip Move — анимирование списков.

React Designer — инструмент для редактирования векторных изображений.

React Components — коллекция React.js компонентов.

Jotted — инструмент для демонстрации кода с возможностью его редактирования.

X-Tag — разработка веб-компонент от Microsoft.

Origami.js — рисовать на Canvas стало проще.

Nodegram — Instargam из node.

Native Starter : Free Android / iOS Mobile App Theme — описание, боллерплейт для React Native приложений.

Redux Act — минимизирует Redux actions и reducers.

Redux Auth — OAuth для Redux приложений.

Redux Observable Middleware — реактивный Redux.

Gatsby — генератор статических страниц.

Cash — Shell на JS.

Booking.js — встраиваемый виджет календаря.

MERN — MEAN на React.js.

Sugarss — табозависимый PostCSS .

Остальное

Which cat is your javascript framework- выбираем себе котика.

OhCrash — мониторим ошибки.

React Native + Meteor Boilerplate.

New Versioning Scheme — новая политика версий React.js.

Курсы по JavaScript в Киеве, Харькове и Львове от Котанов.

RegExp lookbehind assertions — регулярные выражение в V8.

Makeup — инстурмент для сравнения верстки от 2GIS.

Новыий логотип Node.js.

Atari прямо в браузере.

Odyssey.js — интерактивные истории с привязкой к локализации.

Tumblr page loading performance.

И наконец, спешу поделиться полезной информацией локального масштаба. Я работаю в команде компании Grammarly, мы делаем лучший в мире инструмент для проверки и улучшения английских текстов. У нас целый букет захватывающих и авантюрных инженерных задач, а также тщательно отобранный зоопарк передовых технологий. Если хоть что-то из выше сказанного вас заинтриговало, давайте познакомимся.

С вами был Григорий Шехет. Оформить дайджест помогали мои коллеги.

← Предыдущий выпуск: Frontend дайджест #11.