Front-end digest #113: новинки ES2019, приватні поля класів в JS, що нового в Firefox 68

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

• У GitHub Actions з'являться функції CI/CD 🇺🇦
• У половини розширень для Chrome менше ніж 16 завантажень 🇺🇦
• Реліз React v16.9.0
• Що нового в ES2019
• Нові фічі CSS у Firefox 68
• Суд ЄС повідомляє, що сайти, які допомагають Facebook секретно відстежувати ваші дії в браузері, понесуть відповідальність
• Що нового в DevTools Chrome 77?

Статті

• Як я конфігурую VSCode для всього
• Все, що вам необхідно знати про CSS Margin
• Налагодження CSS Grid за допомогою Firefox Dev Tools
• Навіщо нам BEM-стандарти та як вони працюють
• Швидкі поради щодо використання моків при тестуванні з Jest
• Огляд бібліотек для CSS анімацій

• position: sticky та заголовки таблиці
• Чому вам обов'язково слід вивчити як використовувати CSS-in-JS
• CSS архітектура для декількох веб-сайтів
• Основні правила адаптивного дизайну
• Найпростіший спосіб завантажити CSS асинхронно
• Як працює Google Pagespeed: покращуйте свій результат та рейтинг для пошукових систем

• Користувацькі властивості CSS з погляду каскадності
• Поради для організації власного відкладеного завантаження

Корисності

• 11 бібліотек для анімації в JavaScript у 2019
• Color Thief – отримуйте палетку кольорів з зображень за допомогою JavaScript
• Polly.js – записуйте, повторюйте, робіть заглушки для HTTP-взаємодій
• 10 CSS градієнтних кнопок
• Pie chart maker – інструмент створення кругових діаграм
• simpleParallax – JavaScript-бібліотека для створення паралакс-ефекту
• Font style matcher – підберіть запасний шрифт, який буде рендеритись, поки завантажується ваші веб-шрифти

Javascript Jedi:

• Думаєте, ви знаєте JavaScript? 🇺🇦
• Способи додати CSS в JavaScript застосунок 🇺🇦

• Google пояснює основи JavaScript SEO
• Обробка помилок в async/await
• Створюємо простий MVC-застосунок на чистому JavaScript
• Асинхронні генератори в JavaScript
• Огляд приватних полів класу, запропонованої фічі в JavaScript

Angular:

• Архітектурні патерни в Angular та кращі практики (які допомагають масштабуванню)
• Експорт даних в Excel з Angular

• Додаємо інтегровану валідацію в користувацькі компоненти форм в Angular
• Angular: приховані можливості ngFor
• Пришвидшуємо розробку з NgRx 8

React:

• Оптимізуємо продуктивність React-застосунків 🇺🇦
• Чи замінять React-хуки Redux?
• Як використання компонентного підходу пришвидшує розробку
• Як я зруйнував продуктивність свого застосунку, використовуючи React Context замість React Redux
• Автентифікований роутинг з React, React Router, Redux та TypeScript
• 10 речей, які не слід робити при розробці застосунку на React

Vue:

• 3 антипатерни, які слід уникати у Vue.js

• Відкладене завантаження та розділення коду у Vue.js
• Використання слотів у Vue.js
• Асинхронні функції наступного покоління з Vue Async Function

Відео:

• Поради щодо JavaScript SEO від Google

• Глибоке занурення в React-Redux

• CSS Line Layout та Vertical Rhythm | CSS Day 2019