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.
Следующий выпуск: Frontend дайджест #13

👍НравитсяПонравилось0
В избранноеВ избранном0
Подписаться на автора
LinkedIn



Підписуйтесь: Soundcloud | Google Podcast | YouTube


14 комментариев

Подписаться на комментарииОтписаться от комментариев Комментарии могут оставлять только пользователи с подтвержденными аккаунтами.
Why I’m NOT a TypeScript Fan — фидбек по TypeScript.
Type script совместим с ES 7 фичами уже достаточно давно, собственно и не требует стабить либы полностью интерфейсами, что бы их использовать. Человек не видит проблемы с совместимостью импортов es 6 и либами es 5 но видит проблему с описанием типов в ТС. В чем собственно практическая ценность фидбека такого осталось загадкой.
Type script совместим с ES 7 фичами уже достаточно давно

Прикольная фраза, надо запомнить.
Тупескрипт вперде !

TS используют заказчики из США и Европы. Когда приходят front-end кандидаты без знания, опыта или хотя бы желания изучать TS как правило не попадают на работу. Кто в конечном счете «вперде» остаеться я не уверен.

О да, прекрасная работа — сравнивать несравниваваемое )) Подумаешь уже достаточно давно умеет оверлоад и окцессоры , уже почти почти как es7 ) Наверное народ в ступоре уходит )))

Как правило людей, которые выбирают работу по наличию последних экспериментальных фич\библиотек никто не воспринимает всерьез понимая неопытность, позиии выше junior им редко рискуем предлагать, а люди ведь считают себя Seniorами, поэтому и уходят в ступоре.

У Вас комплекс на почве 23х летия или пытаетесь мне его привить ? Не выйдет, я крутой 21х летний СТО )))) Но блин тысы считать топом хайпа .. или я не поняла мысль ?

Я все поняла. Пфу на вас маздайщики ))))

Я не считаю Тс таковым. Многие вещи в статье преподнесены так что ее сложно воспринимать всерьез. Например что ts автор не использует поскольку в js когда-то появиться статическая типизация, или то что если нативный компилятор не умеет await/async компилить в es 5 совместимый код то в языке нет поддержки es 7. Все это работает пока в связке babel+tcs, так же как и в других случаях.
Если автору не нужна польза статической типизации, он может не париться интерфейсами для сторонних библиотек. Вместо этого он говорит, что платформа превратиться в tech debt, потому что js в будущем станет статически типизированным языком.

Мне кажется что js со временем будет восприниматься как некий промежуточный код для js машины. Да что круги околачивать — уже воспринимается. Именно из-за этого возникает непонимание того что на самом деле это некий хаос: лебедь, рак и щука в данном случае.
Спецификации es стандартизируют более низкий уровень зачастую добавляя очень специфичный но действительно классный функционал, который в свою очередь будет реализовываться в самих браузерах. И тут вот языкам вроде typescript приходится выбирать — оставаться ли быть энтерпрайзно корпоративными , или же пытаться скакать по стульям пытаясь угодить всем, пока явно позиция не будет заявлена — будут подобные холиворы возникать, т.к от тупескрипта будут непременно требовать последних фич, реализовывая которые он очень рискует потерять привлекательность и популярность. А не реализовывая ... вобщем, мы все понятно чего )

Я вибачаюсь, але

давайте познакомимся
не вийде — сторінка каже «Sorry, we couldn’t find that page».

В мене працює.
Мб вже пофіксили.

Не пофіксили. У мене фф 30 і він чомусь заміняє ...frontend-fullstack-engineer... на ...frontend%2Ffullstack-engineer...

У Вас напевне хром.

фф 44 для win7×32 + iceweasel (форк фф 36) для deb8×64
На обидвох працює.

www.grammarly.com/...ck-engineer?gh_jid=165226
%2F == /

ff 30/38 — результат один. Причин я не знаю.
Я вибачаюсь, дійсно не там поставив %2F

https://www.grammarly.com/jobs/engineering/frontend%2Ffullstack-engineer?gh_jid=165226

P.S.: Дійсно посилання у статті

https://www.grammarly.com/jobs/engineering/frontend%2Ffullstack-engineer?gh_jid=165226
тому якби питання — як його вірно інтерпритувати.

Подписаться на комментарии