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.
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) — Мэтт и Эдди рассказывают о библиотеках для работы с сервис-воркерами.
Послушать
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 .
Демо
Остальное
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.
