Антипаттерн reduce ({...spread}): Рич Снэп подробно объясненяет вред этого подхода и призывает избегать его → https://www.richsnapp.com/blog/2019/06-09-reduce-spread-anti-pattern

Почему шрифты без засечек лучше использовать в вебе, а с засечками — в печати? Марвин Даниг с объяснением → https://www.freecodecamp.org/news/to-serif-or-not-to-sans-serif/

Библиотеки для рисования финансовых графиков от TradingView: бесплатная и опенсорсная для простых графиков и проприетарная для теханализа → https://www.tradingview.com/HTML5-stock-forex-bitcoin-charting-library/

Зак Лезерман делится опытом разработки надёжной стратегии загрузки шрифтов для сайта CSS-Tricks → https://www.zachleat.com/web/css-tricks-web-fonts/

Роман Камушкин делится подходом к организации компонентов с разными состояниями в Figma на примере аватарки пользователя → https://habr.com/p/442494/

Важные материалы второй половины июня: состояние CSS в 2019, дизайн-система ivi, замена Gulp от Microsoft, сервис-воркер в поиске Google, учебник по вёрстке, вопросы для собеседований, комбинаторы промисов, цена JavaScript в 2019 → https://forwebdev.ru/digest/2019-06-30/

GraphQL: The Documentary. Документальный фильм об истории создания и развития GraphQL → https://youtu.be/783ccP__No8

Version Museum, визуальная история технологий: как с годами менялся интерфейс популярных сайтов, ОС и игр → https://www.versionmuseum.com/

Зачем писать свой React Data Grid в 2019: Александр Шутов о мотивации, процессе и проблемах разработки сложного компонента для отображения больших списков данных → https://habr.com/p/457504/

Когда нужно использовать веб-воркеры? Всегда! Александр Сурма рассказывает, зачем разгружать UI-тред от вычислений, как это давно делают разработчики мобильных приложений → https://dassur.ma/things/when-workers/

Какой самый производительный способ передачи состояния с сервера в браузер при серверном рендеринге? Хенрик Йортег с исследованием и неочевидным выводом → https://joreteg.com/blog/improving-redux-state-transfer-performance

CSS-in-JS устарел, пришло время JS-in-CSS: пример использования Houdini CSS Painting API → https://css-houdini.rocks/js-in-css

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

Podlodka №118, в гостях СТО Яндекса Михаил Парахин: об инженерной культуре → https://soundcloud.com/podlodka/podlodka-118-inzhenernaya-kultura

Frontend Weekend №94, в гостях Денис Мишунов: почему стоит уезжать в Норвегию и удалённо работать в GitLab → https://soundcloud.com/frontend-weekend/fw-94

«Девшахта» №85, в гостях Вадим Макеев: про историю и принципы WSD → https://medium.com/p/1f9aae0ba0c

«Веб-стандарты» №182: Node.js, npm и JetBrains, сервис-воркеры и WASM, цена JS, современный CSS, доступность → https://medium.com/p/29770171eddb

«Фронтенд-юность» №98: плебейская разработка like a Pro, микрофронтенды и Design Mode → https://soundcloud.com/frontend_u/e98

«Новости 512» от CSSSR: Vue 3 RFC обновлён, ещё о микросервисах, новый убийца Redux и пакеты для Node.js на все случаи жизни → https://soundcloud.com/csssr/novosti-512-vue-3-rfc-obnovlyon-eshchyo-o-mikroservisakh-novyy-ubiytsa-redux-i-interesnye-publikatsii

Grasp, утилита для продвинутого рефакторинга и поиска по JS-коду на основе его структуры → http://www.graspjs.com/

Level Up with WebAssembly, практическая книга о применении WASM в браузере → https://www.levelupwasm.com/

Секрет хороших приложений на Electron заключается в использовании фонового процесса, считает Джеймс Лонг: обзор преимуществ подхода и примеры → https://jlongster.com/secret-of-good-electron-apps

Как создавалась дизайн-система для Words With Friends: Грег Хилл о целях, процессе реализации и планах на будущее→ https://medium.com/p/5db8c76cf59f

Кастомные CSS-свойства: почему они так называются, как они работают в каскаде и что с ними можно делать помимо очевидных кейсов использования переменных? Подробный обзор Мириам Сюзанн → https://www.smashingmagazine.com/2019/07/css-custom-properties-cascade/

Из async/await в генераторы: Пётр Мязин разбирает работу async/await, реализуя транспиляцию в генераторы и рассматривая аналогичные реализации в Babel и TypeScript → https://youtu.be/czgxE_UQnDQ

Style Dictionary, инструмент от Amazon для создания и поддержки библиотеки кроссплатформенных дизайн-токенов → https://amzn.github.io/style-dictionary/