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 .
— огляд реактивного Redux.
Upgrading to the new Angular 2 router .
Angular 2 : HTTP Observables & Data Loading RX JS.
What I learned from analysing 1.65 M 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 .
GPS Tracking data with the Tessel 2 .
Подивитися
Service Worker Libraries, Totally Tooling Tips (S3, E6) — Метт і Едді розповідають про бібліотеки для роботи з сервіс-воркерами.
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 .
Демо
Інше
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 .
Опубліковано: 15/07/16 @ 09:59
Розділ html та css
Рекомендуємо:
Зарплати українських розробників — травень-червень 2016
DOU Проектор: Стартап Левел — спільнота українських стартапів з відповідями на питання засновників
Контроль якості в Open Source: досвід проекту CRIU
18 липня, Київ — Тренінг «Основи психології для HR-менеджерів»
Java дайджест #26: Make JEE great again