Front-end digest #106: веб-компоненти замінять фреймворки, приватні поля класу у JS, що очікувати від Angular 8

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

• У десктопний Chrome стане легше додавати Progressive Web App
• Що нового у Vue 2.6?
• Реліз React-redux v7.0.0-beta
• Реліз V8 7.4: приватні поля класу майже тут
• Реліз React Router v5
• Реліз TypeScript 3.4

Статті

• Веб-компоненти замінять ваш фронтенд-фреймворк
• Все, що ви повинні знати про анімацію завантаження

• Передові методи забезпечення доступності з автоматичною генерацією ідентифікаторів
• Як управляти CSS кольорами за допомогою JavaScript

• CSS Houdini може змінити наш підхід до написання та управління CSS
• Управління властивістю z-index у компонентному веб-застосунку

• Як створювати найкращі теми за допомогою CSS-змінних
• Переконайте вашу команду перейти на CSS Grid

• 15 фактів про WordPress, які ви повинні знати у 2019
• Нативний lazy-loading для зображень приходить у веб 🇺🇦
• Веб-доступність для початківців

Корисності

• Renderless Vue компонент для управління станом елементів списку
• React Hook для управління станом URL запиту з параметрами з легкою серіалізацією
• Peacock — інструмент допомагає візуально відрізняти відкриті вікна VS Code
• lax.js – простий плагін для створення плавних ефектів скролу
• CrumbsJS — бібліотека ES6 Cookies та локального сховища
• Mosaic — фронтенд JS-бібліотека для створення користувацьких інтерфейсів
• Набори безкоштовних іконок

Javascript Jedi:

• Огляд тестування JavaScript у 2019 🇺🇦
• Чому ви повинні вивчати ванільний JavaScript, якщо хочете бути найкращим розробником
• Від ES5 до ESNext: огляд фіч, які були додані до JavaScript з 2015
• Основи концепцій RxJS з ванільним JavaScript
• Створіть свій перший Service Worker за 5 хвилин
• Нові #private поля класу у JavaScript
• Додаємо креативності з console API
• Як використовувати WebAssembly, щоб пришвидшити ваш веб-застосунок у 20 разів
• Вам не потрібен jQuery: користуємось ванільним JS
• undefined: третє булеве значення?

Angular:

• Засвоєні уроки створення великих застосунків на Angular: управління підписками
• Створення модульних компонентів зі структурними директивами Angular
• Як добитися найкращої продуктивності у ваших Angular-застосунках

• Інкапсуляція view в Angular
• Що очікувати від Angular 8

React:

• Забудьте про React Router: сучасний та чистий роутинг з хуками
• Як використовувати create-react-app з користувацьким Node сервером на Heroku
• Створення Resilient компонентів
• Повний огляд типів компонентів у React

Vue:

• Шпаргалка Vue для новачків
• Плагіни VueJS і Vue CLI 3 для підвищення продуктивності вашого застосунку
• Unit vs E2E тестування у Vue.js
• PreVue: інструмент протипування для Vue

Відео:

• Стан Vuenion: Оновлення для Vue.js

• Тестування та налагодження JavaScript сайтів для пошуковиків

• The State of the Web: CSS-стандартизація

• Серія коротких відео для вивчення React