Frontend дайджест #13: EmberConf, проблемы с NPM и React Storybook
В выпуске: React в Airbnb, почему AdWords использует Dart, учим ClojureScript, приложения для VR, материалы по GraphQL, Angular 2 и React Native.
Почитать
Front-End Dev: хороший, плохой, злой.
Пишем свой Lisp на JavaScript.
Top 10 posts from the last month — Web Development, CSS, JavaScript, React, Angular, Node.js.
Annotating Your (Critical) CSS — оптимизация с postcss-split.
Accessible, Simple, Responsive Tables — решение проблем responsive-таблиц.
How to make Multi-Layered Parallax Illustration with CSS & JavaScript — создаем многослойный паралакс.
Don’t use flexbox for overall page layout — минусы использования flexbox.
Web Animation Past, Present, and Future — эволюция анимации в браузере.
A-Frame: The Easiest Way to Bring VR to the Web Today — пишем VR приложение.
Why Everyone is Talking About Isomorphic / Universal JavaScript and Why it Matters — изоморфность в Javascipt приложениях.
How Airbnb Uses React — интервью с разработчиками Airbnb.
Introducing React Storybook — новый подход к созданию React приложений.
Easylium ep.0 — React Storybook — Storybook на практике.
Modular CSS with React — модульный CSS с реактом.
State of React and CSS — стили в React приложениях.
Разработчики Apollo делятся опытом:
— Apollo, the data stack for modern apps
— Building a GraphQL store from first principles
React Native for Web Developers — что нам дает React Native.
Sharing Code between Android and iOS in React Native — обьеденяем iOS и Android части в React Native приложении.
React Native is a game-changer for mobile development (says an Android developer) — React Native для мобильных разработчиков.
Avoiding the Keyboard in React Native.
Master the JavaScript Interview: What is a Pure Function? — используем pure function.
The new AdWords UI uses Dart — we asked why — AdWords выбирает Dart.
Exploring Route Resolves & ConnectableObservable in Angular2 — иследуем Angular 2.
EmberConf 2016 — Конференция, Итоги.
EmberConf 2016: The Morning-After Post-Mortem.
Contrasting Enterprise Node.js Frameworks: Hapi vs. Kraken vs. Sails.js vs. Loopback — сравниваем Node.js фреимворки.
Introducing Feathers 2.0 — обзор real-time Node.js фреймворка.
In Defense of Hyper Modular JavaScript.
How to not break the internet with this one weird tricI’ve Just Liberated My Module — история успеха NPM.
Jank Busters Part Two: Orinoco — garbage collector в V8.
Туториалы
Building a Bookmarking App with Electron, VueJs, and Firebase.
Getting Started With Angular 2 Step by Step: 1, 2, 3, 4, 5 — учим Angular 2.
Webpack — The Confusing Parts — использование Webpack в Angular 2 приложении.
Configuration Tips to build Hybrid Angular 1 and Angular 2 project in real world — пишем приложение на Angular 2.
Building a 3D Engine with JavaScript — 3D движок на JavaScript.
Using the SoundCloud API with the JavaScript SDK — SoundCloud API на практике.
Build Virtual Reality in VR with Primrose and WebVR — пишем VR приложение.
Testing React Native with Mocha and Enzyme — тестируем React-Native приложение.
GraphQL Tour: Interfaces and Unions — тур по GraphQL.
Creating a GraphQL Server with Node.js and MongoDB.
Посмотреть
Angular 2 and the future of HTML5 apps.
JavaScript Generators — обрабатываем асинхронность с ES6.
The Single Piece of JavaScript on Hacker News — как устроен Hacker News.
Послушать
Веб-стандарты за март-апрель 7, 8, 9, 10 и 11.
Frontflip podcast 16 — о Leaflet.js с Владимиром Агафонкином.
Библиотеки
Stickyfill — полифилл для position sticky.
A-FRAME — фреймворк для создания приложений виртуальной реальности.
React-Stonecutter — Grid компонент для React.
Popper.js — микро-библиотека для создания попапов.
React-vis — набор React компонент для визуализации данных от Uber.
Демо
Emulators written in JavaScript — различные OS в браузере.
Остальное
Changes to npm’s unpublish policy.
Nplaym — играем во время npm install.
npm-check — проверка npm зависимостей.
EverythingStays — стабилизируем npm.
Ora — ожидание в терминале стало приятным.
Cash — кросплатворменый Shall на ES6.
Hain — Windows-лаучер на Electorn.
Jolteon — Babel, Electron, React, Browserify, Sass болерплейт.
Github Feed — Github-лента на React-Native.
Elm Native UI — React Native окружение для Elm.
Down The JavaScript Hole:
Полная версия картинки доступна по клику
И наконец, спешу поделиться полезной информацией локального масштаба. Я работаю в команде компании Grammarly, мы делаем лучший в мире инструмент для проверки и улучшения английских текстов. У нас целый букет захватывающих и авантюрных инженерных задач, а также тщательно отобранный зоопарк передовых технологий. Если хоть что-то из выше сказанного вас заинтриговало, давайте познакомимся.
С вами был Григорий Шехет. Оформить дайджест помогли мои коллеги.
← Предыдущий выпуск: Frontend дайджест #12.