Front-end digest #101: 10 Year Challenge для веб-сайтів, чого ще не вистачає JS, значення Vue 3.0 для веб-розробки

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

• Розробник Microsoft порадив Mozilla перейти на Chromium

• Google Chrome попереджатиме, якщо ви перейшли не на той сайт

• Вийшла темна версія Chrome Canary

• JavaScript обігнала Java в рейтингу розробників HackerRank

• Edge на Chromium зможуть протестувати всі охочі

• Розширення Google перевірятиме безпеку паролів

• Apple відмовиться від функції Do Not Track у Safari

• У Chrome з'явиться режим економії ресурсів

• Google Play Store тепер відкритий для Progressive Web Apps

• Microsoft відмовиться від підтримки Internet Explorer 10 у 2020 році

• Google робить перші кроки до знищення URL

• Нова фіча CodePen – Prefill Embeds

• Нове у Firefox DevTools 65

• Релізи:

  • Jest 24
  • Babel 7.3.0
  • React v16.8: тепер з хуками
  • Реліз V8 версії 7.3
  • TypeScript 3.3
  • Nuxt.js v2.4.0
  • Vue 2.6.0

Статті

• Локальна веб-розробка vs Vagrant vs Docker: що підійде вам? 🇺🇦
• 10 Year Challenge: як змінились популярні веб-сайти
• CSS та JS у стані війни. Ось як це зупинити
• Рендеринг у вебі: варіанти, нюанси, оптимізація
• Оптимізація швидкості веб-сторінки: метрики, інструменти, способи
• Способи змінити fill SVG при наведенні
• Використання штучного інтелекту для створення альтернативного тексту на зображеннях
• Детальний посібник з анімації та переходів CSS

• CSS-in-JS та статичний рендеринг
• Секретна зброя для вивчення CSS
• HTML завжди був метою компіляції — чи можемо ми щось з цим зробити?
• Базова теорія кольорів для веб-розробників
• Все, що потрібно знати про елемент figure в HTML5
• Посібник з підтримки CSS у браузері

Корисності

• 9 шрифтів, які ви захочете використати у 2019
• addimated — декларативна бібліотека анімацій для React
• FlexSearch.js — бібліотека текстового пошуку для браузера та Node.js
• Readability.js — бібліотека для отримання читабельного контенту з HTML
• Декларативна Vue.js бібліотека для анімації
• Palettte App: генератор палітр
• Мінімалістична CSS-шпаргалка
• Uppy — інструмент для завантаження файлів у браузері
• Git-history — інструмент для швидкого перегляду історії GitHub-файлу
• MiniSearch — невелика, але потужна повнотекстова пошукова система для браузера
• Timetable-fns — корисні інструменти для роботи з датою та часом у розкладах

Javascript Jedi:

• Знайомимось з tree shaking 🇺🇦
• Майбутній JavaScript: чого ще не вистачає?
• Нові фічі JavaScript, які змінять ваш підхід до регулярних виразів
• Статичне vs юніт vs інтеграційне vs E2E тестування для фронтенд застосунків
• Занурюємось глибше в об'єкти JavaScript
• Як видалити дублікати масиву в ES6
• Заміна юніт-тестів типами в Typescript
• React vs. Vue на прикладі to-do застосунку
• 7 шаблонізаторів JavaScript з прикладами коду

Angular:

• Як зробити PWA з вашого застосунку на Angular
• Як реалізувати локалізацію в Angular за допомогою інструментів i18n
• Встановлення автентифікації в Angular за 3 кроки
• Як прокачати свої навички юніт-тестування в Angular
• Знайомство з NG-VDOM: новий спосіб створення застосунків на Angular
• Створення контейнерів та презентаційних компонентів в Angular
• Як покращити код на AngularJS
• Посібник з Angular 7|6 : створення та надсилання форм

React:

• React Hooks – управління станом по-новому
• 5 способів додати анімацію до застосунку на React у 2019

• this.state: як використовувати стан в React
• React Hooks і їх залежність один від одного
• (Нові) методи життєвого циклу в React доступною мовою

• Створення PWA з React: ч.1
• Фрагменти React на практиці: 4 реальні приклади
• Ваші компоненти React роблять занадто багато
• Garbage Collection у Redux застосунках

Vue:

• Продуктивна реєстрація компонентів у Vue 🇺🇦
• Створення «Renderless» компонентів у Vue 🇺🇦
• Як на Vue створити прев'ю зображення перед його завантаженням

• Створення SPA за допомогою Vue.js, Vuex, Vuetify та Firebase
• Що Vue 3.0 означає для веб-розробки?

• Використання TypeScript на Nuxt.js станом на січень 2019
• Vue vs традиційний CSS
• Як додати інтернаціоналізацію до застосунку на Vue

Відео:

• 7 проблем, які можна уникнути, використовуючи Nuxt.js для вашого наступного застосунку на Vue

• Пояснення CSS-in-JS

• 11 JavaScript розширень для Visual Studio Code

• Доповідь Evangelina Ferreira щодо питань доступності

{@vimeo:https://vimeo.com/312101489}