Front-end digest #123: зазирнемо в майбутнє JavaScript, lazy-loading у фронтенд-фреймворках, інтро до npm v7

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

• Chrome: 70% вразливостей виникають через проблеми з пам'яттю 🇺🇦
• Реліз TypeScript 3.9
• Реліз ESLint v7.0.0
• Що нового для розробників у Chrome 83
• Реліз Jest 26

Статті

• Дивовижні оновлення CSS-макетів вже поруч
• Інтро до npm v7
• Обмін файлами тепер у WebKit
• Використовуємо CSS calc() для визначення оптимальної висоти рядка
• Безпечне/небезпечне вирівнювання у CSS FlexBox
• Огляд css-властивості contain
• Розбираємось в Lazy-Loading у фронтенд-фреймворках
• Обробка помилок в RxJS
• Моніторинг продуктивності в CSS-анімаціях

Корисності

• 16 розширень VSCode, які варто встановити у 2020-му 🇺🇦
• Виправляємо всі попередження ESLint при збереженні
• Візуалізація роботи Intersection Observer
• react-virtual — хук для віртуалізації елементів з прокруткою в React.
• Howler.js — бібліотека аудіо для сучасного вебу.
• Selecto.js — дозволяє виділяти область з елементами.

Javascript Jedi:

• Debounce та Throttle у JavaScript
• Поширені JavaScript-алгоритми, які варто знати
• Зазирнемо в майбутнє JavaScript

• Функція-генератор у JavaScript
• Проєктування масштабних JavaScript-застосунків
• 5 відмінностей між звичайною та стрілковою функцією
• Що варто вивчити після JavaScript

Angular:

• Створюємо Angular Debounce Click Directive за допомогою RxJS 🇺🇦
• Позбудьтеся умовних виразів у вашому Angular-застосунку за допомогою ООП
• Зробіть функціонал ваших Angular директив лінивим
• Angular 9 для початківців — компоненти та інтерполяція рядків
• Як створити комплексну динамічну форму в Angular
• Валідація в реактивних формах Angular
• 6 концепцій, дізнавшись про які, ви станете Angular Architect

React:

• Коротко про тестування проєкту на React 🇺🇦
• Як замокати поля з Apollo Client
• Розбираємось, що таке React Fast Refresh
• Антипатерн у React: Prop-Drilling
• Способи оптимізації в React
• Що таке Concurrent Mode у React
• React: рендеринг з Concurrent Mode та Suspense
• Як стилізувати компоненти React-застосунку
• Використання CSS модулів у React

Vue:

• Модульна модальна система з TypeScript та Vue.js
• 5 JavaScript-порад, які я виніс з сирцевого коду Vue
• Корисні Vue-плагіни, про які ви не знаєте
• Інтро до Vue Formulate
• Vue 3: про спускання даних і підйом подій
• Автоматично генеруйте конфігурацію Vue Router з vue-auto-routing
• Посібник з апгрейду до Vue 3

Відео:

• Найпростіша гра на JavaScript

• 5 найпопулярніших «трюків» у JavaScript