Front-end digest #111: співпраця W3C та WHATWG, привіт, Subgrid, дизайн для вебу в 2019

Новини/Релізи:

• Що нового у бета-версії Chrome 76 🇺🇦

• Як Google пояснює обмеження API і що відповідають автори розширень 🇺🇦
• Опубліковано новий спосіб прихованої ідентифікації системи і браузера 🇺🇦
• Google Fonts додають атрибут font-display
• Реліз React Redux v7.1.0
• W3C та WHATWG працюють разом для розвитку відкритої веб-платформи

Статті

• Дизайн для вебу в 2019
• Як пришвидшити ваш сайт на WordPress в 2019
• Статичний веб: назад до витоків?
• 6 способів покращити UX у вебі та мобільних пристроях за допомогою цифрових ілюстрацій
• Вилучення критичного CSS
• Підтримуємо CSS в JS в чистоті
• Чому ми віддаємо перевагу користувацьким властивостям CSS над SASS-змінними

• Як використовувати Web Share API
• Вирішуємо 85% проблем з веб-доступністю за допомогою 5 простих кроків
• Стилізація в сучасних веб-застосунках
• Код як документація: нові стратегії з CSS Grid
• Коли вам слід вкористовувати Web Workers?
• 16 DevTools порад та трюків, про які треба знати фронтенд-розробнику

Корисності

• Color Designer — створюйте стильні палетки кольорів з відтінками
• Корисні JS-бібліотеки, про які слід знати в 2019
• readme-md-generator — CLI для генерації гарних README.md файлів
• React Simple Animate — проста анімація для вашого UI
• xstyled — новий спосіб стилізації компонентів

Javascript Jedi:

• Композиція функцій в JavaScript з Array.prototype.reduceRight 🇺🇦
• Різні способи реалізувати інкапсуляцію в JavaScript (ES6)

• Веб-компоненти: швидке пояснення
• Роль JavaScript в сучасному вебі
• 4 способи вирішити завдання співбесіди від Google на JavaScript
• Array.prototype.flat та Array.prototype.flatMap

Angular:

• Що потрібно знати аби стати ефективним Angular-розробником
• Кастомізація Webpack-конфігу у вашому застосунку на Angular
• Подорож в Angular анімацію
• Деплой Angular застосунку на Google VM за допомогою Bitbucket Pipelines
• Angular & RxJS: виявлення витоків пам'яті

React:

• Що нового в React Native станом на червень 2019?
• 4 патерни для глобального стану з React Hooks: Context чи Redux
• Кращі застосунки з серверним рендерингом React
• Створення AutoLink компоненту в React
• React 16 + Three.js. Поради щодо інтеграції (2019)

Vue:

• Підводні камені Vue.js: фікси для поширених проблем
• NuxtJS: від термінала до браузера
• Як створити розширення для Chrome з Vue

Відео:

• useState з TypeScript

• Конфігурація: історія Webpack

• Використовуємо DevTools для кращого розуміння сучасних CSS макетів — CSSconf EU 2019

• Привіт, Subgrid — CSSconf EU 2019