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 — инструмент для демонстрации кода с возможностью его редактирования.
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 — встраиваемый виджет календаря.
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.
Atari прямо в браузере.
Odyssey.js — интерактивные истории с привязкой к локализации.
Tumblr page loading performance.
И наконец, спешу поделиться полезной информацией локального масштаба. Я работаю в команде компании Grammarly, мы делаем лучший в мире инструмент для проверки и улучшения английских текстов. У нас целый букет захватывающих и авантюрных инженерных задач, а также тщательно отобранный зоопарк передовых технологий. Если хоть что-то из выше сказанного вас заинтриговало, давайте познакомимся.
С вами был Григорий Шехет. Оформить дайджест помогли мои коллеги.
← Предыдущий выпуск: Frontend дайджест #11.