Альтернатива картам Google

Google сократил бесплатные лимиты API карт в 30 раз и поднял стоимость в 14 раз.

Ребят из сервиса по поиску лекарств Gdzie Po Lek такой расклад не устроил, они исследовали альтернативы картам Google и поделились результатами → https://www.inderapotheke.de/blog/farewell-google-maps

Святой грааль реиспользуемых компонентов: кастомные элементы, shadow DOM и NPM

Пошаговое руководство Оливера Уильямса по созданию реиспользуемого компонента, работающего в любом окружении и с любым фреймворком → https://www.smashingmagazine.com/2018/07/reusable-components-custom-elements-shadow-dom-npm/

Инженеры Discord рассказали, как им удаётся не ухудшать быстродействие приложения, постоянно добавляя фичи (спойлер: с помощью кодсплиттинга) → https://blog.discordapp.com/28ddaf044333

Fusion.js

Uber выложил в опенсорс свой фреймворк для разработки изоморфных приложений, на котором сделано более 60 внутренних приложений: Koa, своя система плагинов, flow и типизированная DI, Jest/Enzyme/Puppeteer для тестирования. Подробности → https://eng.uber.com/fusionjs/

Как разработать собственную систему управления состоянием наподобие Redux/Mobx/Vuex на чистом JS, руководство Энди Бэлла → https://css-tricks.com/build-a-state-management-system-with-vanilla-javascript/

Руководство по разработке простого клона Инстаграма на Vue.js → https://medium.com/p/24a9f3de0408

Content Security Policies

Райан Миллер с хорошим введением в CSP для защиты сайтов от сторонних вредоносных ресурсов → https://frontendian.co/csp

Почему WebAssembly — гораздо большее, чем просто ещё один язык, работающий в браузере, объяснение Стива Клэбника → https://words.steveklabnik.com/webassembly-is-more-than-just-the-web

Beacon API — новый легковесный способ отправки данных на сервер. Чем он отличается от привычных XHR/fetch и когда его использовать? Обзор Дрю МакЛеллана → https://www.smashingmagazine.com/2018/07/logging-activity-web-beacon-api/

Доступная разметка SVG-инфографики, серия статей Леони Уотсон:

Таблицы → https://tink.uk/accessible-svg-tables/
Графики → https://tink.uk/accessible-svg-line-graphs/
Схемы → https://tink.uk/accessible-svg-flowcharts/

В чём разница между динамической и статической типизацией, какая типизация используется в JS, в чём преимущества и недостатки статической типизации и чем различаются Flow и TypeScript, обзорная лекция Андрея Морозова в ШРИ 2018 → https://youtu.be/tybjhHPj3io

Page Lifecycle API

Современные браузеры иногда замораживают неактивные страницы, чтобы высвободить системные ресурсы. Теперь у разработчиков появилась возможность отслеживать события заморозки и разморозки страницы. Филип Уолтон с обзором нового API → https://developers.google.com/web/updates/2018/07/page-lifecycle-api

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

«Ночной фронтенд» №44: как пересадить всех разработчиков в компании на свой велосипед → https://medium.com/p/79b29f06ee31

Frontend Weekend №64, в гостях Олег Мохов: как комфортно и правильно руководить разработчиками → https://soundcloud.com/frontend-weekend/fw-64

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

«Веб-стандарты» №132: подкастинг, новинки браузеров, уязвимость в Реакте и не только, неправильный пайплайн, подгриды готовы, сложная сетка вручную, веб-компоненты → https://medium.com/p/d9b6e6099126