JavaScriptures: запись 6 внутренних воркшопов для инженеров Artsy по фронтенд-технологиям компании: React, TypeScript, Styled Components, Relay, Babel и Webpack → https://www.youtube.com/playlist?list=PLKqXGUTH_9hrr5z97OnL31bmQDDnn2WlU

Сколько багов можно обнаружить, внедрив статическую типизацию?

Стивен Лашер на примере реального проекта за 30 минут внедрил Flow, рассказал его основы и исправил найденные баги → https://youtu.be/M1CR0l5xSHg

brutal.js, брутальная замена Реакта в 126 строк кода, использующая нативный синтаксис и не требующая подключения и настройки кучи инструментов для транспиляции и сборки → https://github.com/dosyago-coder-0/brutal.js

Модульное тестирование

Дмитрий Андриянов в ШРИ 2018 о том, почему необходимо писать модульные тесты, как изолировать внешние зависимости, как тестировать взаимодействие с другими модулями и какие приёмы использовать для написания поддерживаемых тестов → https://youtu.be/qaL70WegmaI

🎧
Свежие подкасты

Frontend Weekend №61, в гостях Андрей Мелихов: о работе в Яндекс.Деньгах, Ночном фронтенде и захвате власти в devSchacht → https://soundcloud.com/frontend-weekend/fw-61

«Ночной фронтенд» №41: в поисках хорошего кодревью → https://medium.com/p/2d6b462225c4

«Фронтенд-юность», в гостях Дэн Стешенко: о переезде в Берлин, про Elixir, Ruby, Ember.js, Ситника, Нигерию, Германию и Россию → https://soundcloud.com/frontend_u/berlin

«Фронтенд-юность» №56: вирус в eslint-scope, оборзевший мейнтейнер, токсичное CSS-сообщество, UI-фреймворк Primer, вложенность в CSS → https://soundcloud.com/frontend_u/e56

«Новости 512» от CSSSR №14: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-14-0907-1507

«Веб-стандарты» №129, в гостях Лера Зелёная: вирус в npm, зачем Feature Policy, случай в Atom, мёртвый код, разделение ответственности, стрелка или пальчик → https://medium.com/p/181a9ff222ae

Element.matches()

Для проверки активности элемента часто используется что-то вроде node.classList.contains('active'). В спецификации DOM есть более удобный и универсальный метод для проверки элемента на соответствие селектору — node.matches('.active').

Поддержка браузерами приличная, но для Edge 14- и IE нужен полифил.

Больше советов → https://github.com/forwebdev/ui-developer-tips

Химия CSS-гридов: Илья Стрельцын демонстрирует мощь гридов, верстая адаптивную периодическую таблицу Менделеева → https://css-live.ru/css/ximiya-css-gridov.html

Школа разработки интерфейсов Яндекса пройдёт с 29 сентября по 23 декабря в Москве, Санкт-Петербурге и Симферополе, приём тестовых заданий закончится между 13 и 31 августа. Подробности и регистрация → https://yandex.ru/promo/academy/shri2018

Большая подборка материалов для изучения CSS, разделённых по темам от основ до архитектуры и методологий → https://zendev.com/ultimate-guide-to-learning-css.html

Удаление неиспользуемых стилей с помощью PurgeCSS, опыт Сары Даян → https://frontstuff.io/how-i-dropped-250-kb-of-dead-css-weight-with-purgecss

vim.wasm, порт текстового редактора vim на WebAssembly: исходники, объяснение реализации и демо → https://github.com/rhysd/vim.wasm

Технический директор Gusto Эдвард Ким рассказал, как менялась его роль по мере роста компании от трёх до ста человек → https://engineering.gusto.com/how-my-role-as-cto-has-changed-as-weve-grown-to-100-engineers/

24 доклада с YGLF 2018 Kyiv: CSS-трюки, AR/VR, WASM, Kotlin, Parcel, GraphQL, криптовалюты в браузере и другие темы → https://www.youtube.com/playlist?list=PLII-CO3Ff0qaXCf7RgN7bulEmwZB_ngZG