Frontend дайджест #16: Реактивные Redux, PostCSS в Facebook, React-Router от TJ

В выпуске: опен-сорсный CI на Node.js, учимся задавать вопросы у Дена Абрамова, ждем Typescript 2.0 и Webpack 2.x.

Почитать

Как работают в флексбоксе z-index и автоотступы.

Asking Good Questions — задаем правильные вопросы, советы от Дена Абрамова.

Как мы разрабатываем новый фронтенд Tinkoff.ru.

Pixel Density, Demystified — как плотность пикселей изменила мир.

Bootstrap 4: A Visual Guide — сравниваем бутстрапы.

Recreating the Twitter Heart Animation (with One Element, No Images, and No JavaScript).

Writing for all people: how to use alternative text well — как правильно использовать alt-теги.

requestAnimationFrame Scheduling For Nerds.

Flex Layout Attribute — декларативное описание раскладки с помощью HTML-атрибутов.

Autofill: чего не знают веб-разработчики, хотя должны знать.

Очень простой алгоритм подбора цвета, который работает.

Improving CSS quality at Facebook and beyond — PostCSS в Facebook.

The Progress of Web Apps — веб-приложения появятся в Windows Store.

ECMAScript Proposal: Function.prototype.papp — welcome es7 papp.

Composability: from Callbacks to Categories in ES6.

ES6 Feature Complete.

Infinite Scrolling Best Practices — бесконечный скроллинг под микроскопом.

webpack: It’s getting real — Webpack 2.x уже скоро.

Choosing a JavaScript Framework.

Writing A Full Site in Phoenix and Elm.

Enjoying MobX, JSX and virtual-dom — смотрим на MobX без React.

Functional Components with React stateless functions and Ramda.

React and Flux in Production Best Practices.

ReduRx: More App, Less Code — обзор реактивного Redux.

Upgrading to the new Angular 2 router.

Angular 2: HTTP Observables & Data Loading RX JS.

What I learned from analysing 1.65M versions of Node.js modules in NPM — исследование принципов работы NPM.

Easy HTTP/2 Server with Node.js and Express.js.

Total.js 2.0: web framework for node.js — обзор Total.js 2.0.

Новые статьи от ребят из Apollo:
— How to build GraphQL servers;
— New features in GraphQL: Batch, defer, stream, live, and subscribe;
— How Facebook organizes their GraphQL code;
— Query batching in Apollo.

Beyond Console Debugging Tricks.

Debugging Node.js Nightlies with Chrome DevTools — отладка Node.js от Пола Айриша.

Introducing LambCI — a serverless build system — обзор нового опен-сорс CI на AWSLambda, написанном на Node.js.

Туториалы

Horizon: A Scalable Backend Perfect for JavaScript Mobile Apps.

Realtime App Development with RethinkDB and React Native.

Quick Tip: Detecting Your Location With JavaScript.

React Tutorial: Cloning Yelp.

Angular 2 Tutorial: Create a CRUD App with Angular CLI.

Первое десктопное приложение на HTML, JS и Electron.

Node.JS: Делаем своего Telegram бота.

Getting Started with the Raspberry Pi GPIO Pins in Node.js.

Tracking GPS data with the Tessel 2.

Посмотреть

Service Worker Libraries, Totally Tooling Tips (S3, E6) — Мэтт и Эдди рассказывают о библиотеках для работы с сервис-воркерами.

CodeFest 2016 #Frontend.

JSConf Budapest 2016.

Frontend United.

Web Rebels 2016.

BlinkOn.

Послушать

Frontflip Podcast — 18 и 19 выпуски.

Веб-стандарты — 20, 21, 22 и 23 выпуски.

Radio.js выпуск 40 — Ужасы нашего CSS.

JavaScript Air:
— 26. webpack: JavaScript bundler;
— 27. For the Beginners;
— 28. On site at KCDC;
— 29. Web Animations;
— 30. Electron Apps.

Библиотеки

Bozon — набор инструментов для упрощения разработки нативных приложений на Электроне.

Gulp-sww — заставляем приложение работать оффлайн.

Date-fns — работаем с датами.

Anime — создания высокопроизводительных анимаций.

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

React-enroute — роутер от TJ.

Cf-ui — набор пакетов для разработки React, Redux и других приложений.

Reactpack — собираем React приложение.

LambCI — CI на Node.js .

Демо

Interactive Record Player.

Isometric and 3D Grids.

Full CSS Map creator.

Остальное

Safari 10.

ESlint 3.0.

TypeScript 2.0 Beta.

Atom treasures — набор плагинов для любимого редактора.

The Aurelia Release Candidate is Here!!!

Servo Nightly Builds Available — сборка нового движка от Mozilla.

Monaco — редактор кода, лежащий в основе VS Code.

Moeditor — markdown на Electron.

Webtask — запускаем скрипты по HTTP-запросу.

Обновился сайт Студии Артемия Лебедева.

Typography Handbook — учим типографию.

Redux Ecosystem Links — полезные инструменты для Redux.

HEAD — список всевозможных мета-тегов.

LiveStyle — анализ силекторов для атома.

Installer — мониторим версии Node.js.

Npms — поисковик NPM-пакетов.

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

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

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