Front-end digest #103: перелік фіч ECMAScript, продуктивність React-застосунків, поточний стан Service Workers

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

• 31% розширень Chrome послуговується вразливими бібліотеками
• У Chrome з'явиться функція обмеження часу на певних сайтах
• Mozilla використовує машинне навчання для пошуку помилок в коді
• Реліз Next.js 8
• Google хоче ускладнити процес визначення використання користувачами режиму інкогніто в Chrome
• Що нового у NativeScript 5.2

Статті

• Trusted Types допомагають попередити міжсайтовий скриптинг
• Зробіть ваші веб-сторінки «миттєвими» за 1 хвилину
• Як працює @supports 🇺🇦
• Розумні способи виправлення помилок в Git

• Використовуємо CSS Grid правильно
• Створюємо теми з CSS-змінними
• Стиснення зображень з Imagemin 🇺🇦

Корисності

• Mercury Parser — витягує корисні елементи з веб-сторінок (назви, автори, основний зміст тощо)
• ReactN — розширення для глобального управління станом у React
• Налаштування та розширення VS Code для зручної розробки з JS

• Cleave.js — форматує вміст <input / > під час введення
• Howler.js — сучасна бібліотека для аудіо

Javascript Jedi:

• JavaScript  — різниця між null та undefined 🇺🇦
• ECMAScript 2019: остаточний перелік фіч
• Пріоритети завантаження JavaScript у Chrome
• for vs forEach() vs for/in vs for/of у JavaScript
• Заміна «hot path» у JavaScript вашого застосунку з WebAssembly
• Пріоритизація ресурсів: використовуємо <link rel=preload> для завантаження скриптів з вищим пріоритетом
• Як заборонити великі імпорти у JavaScript-проектах
• Bluetooth усюди: експериментуємо у JavaScript
• Розбираємось у принципах роботи finally на прикладах

Angular:

• Управління брейкпоінтами зображень з Angular
• Просте управління станом в Angular лише з сервісами та RxJS
• Огляд Angular Console-плагіну для VSCode
• Інтегруємо Google Maps у ваш Angular застосунок
• Bootstrap для стилів застосунку на Angular

React:

• Продуктивність React-застосунків
• Ми перейшли на Next.js для обслуговування нашої домашньої сторінки у 7.5 разів швидше

Vue:

• Створюємо застосунки з чудовою анімацією з Vue.js та Vuetify
• Створення сховища без VueX у Vue.js 2.6
• Чому бібліотеки renderless-компонентів зроблять веб-розробку простішою та більш комплексною
• 26 порад по Vue, які збережуть ваш час

Відео:

• Документальний міні-фільм про Ember.js

• Обговорення поточного стану Service Workers

• Веб для користувачів скрінрідеру

• Чи оптимізують ваш веб-сайт зображення з 72 dpi?

• Працюємо з TypeScript у Visual Studio Code