Front-end digest #96: Dart для JS розробників, React Hooks, Vue.js 3.0: що очікувати?

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

• Реліз Nuxt.js v2.3.1
• Прев'ю Vue.js 3.0: що очікувати?

Статті

• Як та навіщо використовувати WebP зображення сьогодні
• Сила веб-компонентів
• Прогноз трендів графічного дизайну 2019

• Вбудовування чи кешування? Обидва, будь ласка!
• Чому ми не можемо використовувати звичайний та функціональний CSS одночасно?
• Написання текстових пояснень
• CSS: від дужок до пікселів
• Як працювати з матрицею у SVG-фільтрах

• Розв'язання проблеми складності UI зі стейт-машинами

Корисності

• Squoosh — зручний веб-застосунок, який стискає і порівнює зображення з різними кодеками.
• Функціональні UI-компоненти на HTML та CSS

• Shapy — редактор градієнтних фігур, який допоможе вам ознайомитись з можливостями градієнтів CSS
• SVG Filters Playground — онлайн інструмент для експериментів з різними SVG-фільтрами
• vue-offline — офлайн стани і сховище для Vue PWA
• CSS іконки для популярних розширень файлів
• Awesome Angular GraphQL — колекція ресурсів, клієнтів та інструментів
• autoComplete.js — просте автодоповнення на чистому JavaScript

Javascript Jedi:

• Огляд шаблонів проектування у JavaScript 🇺🇦
• Експерименти з інтерфейсами brain-computer у JavaScript
• 7 поганих виправдань, чому ви не використовуєте TypeScript
• Розуміння мемоізації у JavaScript для підвищення продуктивності
• Додаємо конвеєрний оператор (pipelines) у JavaScript
• Трансд'юдери: ефективні конвеєри обробки даних в JavaScript
• Dart для JavaScript розробників

Angular:

• Створення інтерактивних списків з новим інструментом Angular 7 Drag and Drop
• Створення шаблонів з можливістю пошуку в Angular
• Обробка помилок з Angular 6 — кращі практики
• Стан JavaScript 2018 у контексті Angular

React:

• Idiomatic Redux: історія імплементації React-Redux
• JSX — синтаксичний цукор
• Повторне використання коду з React Hooks
• Стан React
• 5 способів стилізації компонентів React у 2019

Vue:

• Створення десктопного застосунку з Vue: Electron 🇺🇦
• Покращуємо UX з Vue.js анімаціями
• Реальні варіанти використання обчислюваних властивостей у Vue
• Як ми використовуємо Redux & Redux-Observable з Vue
• Додаємо Vue.js до наявного проекту
• Виправлення Vue.js Virtual DOM: Необхідність, пояснення і рішення
• Vue для jQuery розробників
• Створення інтерактивної інфографіки з Vue.js

Відео:

• Про Box Alignment

• Чому я використовую угоду щодо іменування BEM для мого CSS

• Оберіть пригоду з анімаціями

• Всемогутній FrontEnd Розробник