For Web — фронтенд, дизайн, программирование

«Фронтенд-юность» №29: гендерно-нейтральный код Chromium, чем плох TypeScript, do-выражения в JS, webpack 4.0.0, убийцы NPM и Вебпака — https://soundcloud.com/frontend_u/holytrain

HTML 5.2 перешёл в статус рекомендации W3C: добавлен элемент dialog, атрибут allowpaymentrequest для iframe, удалены элементы keygen, menu и menuitem; полный список изменений — https://www.w3.org/TR/html52/changes.html

«Пятиминутка React» №38, в гостях Александр Майоров: история внедрения React и TypeScript в tutu.ru, особенности архитектуры, SSR на PHP+V8 и Node.js, flow и типизация в целом — http://5minreact.ru/38-react-typescript-newhr/

Для чего нужны WeakMap и WeakSet, Александр Сурма и Джейк Арчибальд о способах их применения — https://youtu.be/18MRkysjsC0

Брюс Лоусон о «типизированном CSS», новом подходе к стилизации компонентов, придуманном и используемом в Wix — https://24ways.org/2017/styling-components-typed-css-with-stylable/

Введение в AST (абстрактное синтаксическое дерево) — https://blog.buildo.io/906c0574a067, и обзор практических способов его применения в линтерах и других инструментах — https://blog.buildo.io/63b01daa58f

Результаты ежегодного опроса фронтенд-разработчиков о состоянии экосистемы и используемых технологиях — https://stateofjs.com/2017/

Большая коллекция принципов разработки продуктов от известных компаний и людей вроде Тима Бернерса-Ли, Amazon и Google — https://principles.design

[Вакансия, Москва/релокация] Фронтенд-разработчик в Avito Привет! Меня зовут Андрей, я ищу напарника в команду, отвечающую за техническую часть службы поддержки Avito. В нашей команде два бэкендера, один продакт и один проджект-менеджер, тестировщица, дизайнер, аналитик. Мы разрабатываем раздел помощи support.avito.ru (который, кстати, работает ещё и в мобильных приложениях через вебвью) и внутреннюю систему для обработки обращений пользователей. Есть возможность не просто закрывать таски, а вместе с командой придумывать фичи, проверять их a/b-тестами и отслеживать влияние на бизнес-метрики. Раздел помощи и система обработки обращений написаны на Реакте и Редаксе. Много верстать не придётся — кнопочки, поля ввода и тому подобное уже реализовано в общей библиотеке компонентов. Внутренняя система обработки обращений разрабатывается под Хром, поэтому в ней можно использовать все радости жизни вроде CSS-гридов и async/await. Есть инфраструктурные задачи вроде серверного рендеринга, скриншотного и функционального тестирования. Кратко о компании: один из самых посещаемых сайтов рунета (~10 млн посетителей в день), топ-5 работодателей России, один из лучших офисов в Москве, IT-отдел из более чем 300 человек. Для комфортной работы есть все условия: обеды, полдники и вечерние сендвичи за счёт компании, оплата обучения (профильные конференции и курсы), ДМС практически с первых дней работы, ноутбук Apple или Dell (на выбор), мониторы/клавиатуры/мышки/etc по необходимости, спортзал с душем прямо в офисе, настольный теннис, кикер, бильярд, собственная библиотека, ну и чай/кофе/энергетики/соки в неограниченном доступе на кухнях. Если вы не из Москвы — вам компенсируют затраты на переезд и поиск жилья. Резюме и любые вопросы присылайте в телеграм @andrew_r. Будущему коллеге подарю фирменные наклейки на память :–)

Microbundle, замена Вебпака от создателя Preact: для сборки небольших библиотек, работает на основе Rollup, не требует конфигурации — https://github.com/developit/microbundle

Как избавиться от головной боли с ручным выставлением флагов isLoading, isError и т. д. для загружаемых с сервера данных — https://github.com/andrew--r/ui-developer-tips/tree/master/tips/009-data-state

Зачем нужен Array.isArray, чем опасен instanceof Array и при чём здесь ES-символы, Джейк Арчибальд разбирает тонкость устройства JS — https://jakearchibald.com/2017/arrays-symbols-realms/

«Веб-стандарты» №98, в гостях Виталий Фридман: декодинг картинок, анимация и авторизация в браузерах, Webpack или Parcel, устаревший GIF и всё, что вы хотели знать про Smashing Magazine — https://soundcloud.com/web-standards/episode-98

Как оценивать сроки выполнения задач? Александра Шинкевич с советами и обзором техник — https://lovata.com/blog/guide-to-time-estimation-project-estimation-techniques-tips-tricks.html