Дайджест свежих материалов из мира фронтенда за последнюю неделю №505 (1 — 6 февраля 2022)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Медиа

• Подкаст «Веб-стандарты» 319. Topics API, новинки Figma и дизайна, бедный WebKit, сложности WebAssembly, TS на Go, пайпы в JS
• «Новости 512» от CSSSR: Chrome 98, серверные компоненты React, Angular-оптимизации, tnpm, безопасность npm-пакетов
• Подкаст «pro​Conf» #120 — RustConf 2021 — Чем живет Rust после Mozilla | Переписывать ли на Rust | Специальные гости
• Подкаст «Фронтенд Юность» #221 Фрактальные тиски реакта
• «Remote Talk» от CSSSR: Дока — в гостях Алёна Батицкая, Вадим Макеев и Игорь Коровченко

Веб-разработка

• Тильда против фронтенда: 6 главных мифов о конструкторе
• Что произошло, когда мы отключили AMP
• Тайна меняющейся фавиконки
• Создание игры на Three.js
• Подборка креативных концептов «UI Interactions & Animations Roundup #21»

• Инструменты
  • Децентрализованная конфигурация webpack или как упростить сборку проекта
  • В NPM включена обязательная двухфакторная аутентификация для 100 самых популярных пакетов
  • Испытываете трудности с Webpack? Разбираемся с помощью иллюстраций
  

• Производительность
  • Как мы уменьшаем размер изображений на веб-страницах в 10 раз с помощью нашего оптимизатора
  • Сокращение углеродного следа в вебе: оптимизация добавленных на страницы социальных сетей
  • Улучшение производительности JavaScript-бандлов с помощью Code-Splitting
  

CSS

• Почему у !important в CSS восклицательный знак в начале?
• Не боритесь с каскадом, управляйте им!
• Каскадные слои уже почти стандарт!
• Создание атомарного CSS: интервью с Thierry Koblentz
• Примеры использования CSS fit-content
• Как использовать пользовательские шрифты в Tailwind CSS
• Bulma против Tailwind CSS: какая альтернатива Bootstrap лучше?

JavaScript

• JavaScript редактор SVG диаграмм который весит в 6,5 раз меньше bootstrap (библиотека с открытым исходным кодом)
• Актуальность TypeScript в 2022 году
• Обзор реализации шаблонов ООП в JavaScript
• Написание драйвера принтера на JavaScript
• Что решают веб-фреймворки: ванильная альтернатива (часть 2)
• Почему эффективная гидратация в JavaScript фреймворках так сложна
• 4 самые важные функции, которые появятся в ES2022, о которых вы должны знать
• 8 практик JavaScript, которых следует избегать — и что делать вместо них
• Реализация связи WebSocket в Next.js

• React
  • Экосистема React в 2022 году
  • React: WebRTC Media Call
  • React Best Practices — советы по написанию лучшего кода React в 2022 году
  • 10 шаблонов для написания чистого кода c React и TypeScript
  • Производительность React: как избежать избыточного ре-рендера
  • React 18, React Redux 8 и TypeScript: что вам нужно знать
  

• Vue
  • Определение свойств с помощью Vue Property Decorator и TypeScript
  • Узнайте, как создать, протестировать и развернуть одностраничное приложение с помощью Vue 3 + Vite и Pinia
  

• Angular
  • Делаем видеозвонки с помощью Angular, WebRTC и Openvidu
  • Taiga UI: год в Open Source
  • Однокомпонентные модули Angular и тесты компонентов идут рука об руку
  • Полное руководство по Angular App Shell
  • Настройка заголовков страниц с помощью Angular Router
  

• Ember
  • Плюсы и минусы движков Ember
  • Ember.js Framework Core Team AMA
  • Эволюция Ember CLI Addon — Robert Jackson, Boston Ember Community Meetup
  • Почему новым разработчикам следует изучать Ember.js — Ankush Dharkar, Boston Ember Community Meetup
  

• Svelte
  • Как использовать style директиву в Svelte
  • Создайте одностраничное приложение на Svelte с помощью svelte-spa-router
  

• Libs & Plugins
  • letmescroll.js — новая библиотека для кастомизации скроллбара
  • Что нового в линтере