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 приложениях.

From Ember to React.

Разработчики Apollo делятся опытом:

— Apollo, the data stack for modern apps

— Building a GraphQL store from first principles

— The Apollo server

— GraphQL vs. Falcor

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.

Посмотреть

Курс по ClojureScript.

Курс по GreenSock API.

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 с Владимиром Агафонкином.

38 Выпуск RadioJS.

Библиотеки

Stickyfill — полифилл для position sticky.

OS.js.

A-FRAME — фреймворк для создания приложений виртуальной реальности.

Electron-hot-loader.

React-Stonecutter — Grid компонент для React.

Popper.js — микро-библиотека для создания попапов.

React-vis — набор React компонент для визуализации данных от Uber.

Демо

Шрифт из частиц.

Emulators written in JavaScript — различные OS в браузере.

Остальное

React 15.0.

Meteor 1.3.

СlojureScript.ru.

Changes to npm’s unpublish policy.

Nplaym — играем во время npm install.

npm-check — проверка npm зависимостей.

EverythingStays — стабилизируем npm.

Колекция плагинов для Sketch.

Колекция публичных API.

Front-End шпаргалка.

Ora — ожидание в терминале стало приятным.

Cash — кросплатворменый Shall на ES6.

Chrome Music Lab.

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

Все про українське ІТ в Телеграмі — підписуйтеся на канал редакції DOU

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn



4 коментарі

Підписатись на коментаріВідписатись від коментарів Коментарі можуть залишати тільки користувачі з підтвердженими акаунтами.

непоганий туторіал по GraphQL
learngraphql.com

Ох сколько красных ссылок . Спасибо за синие ссылки ! ))

Интересно когда реакт комьюнити перестанет заниматся ерундой и забудет о инлайн стилях?

примерно тогда, когда css specificity заменят на области видимости, а браузеры научатся применять css, написанный для людей, с приемлемой скоростью.

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