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

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

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

Медиа

• Подкаст Goose&Duck #1 – Ржавеющий JavaScript
• CSSSR Callback Hell: Rescript, мысли пьяного Senior-разработчика, слежка за сотрудниками
• «Новости 512» от CSSSR: Server-Sent Events: ограничения, поддержка Node.js-проектов, плагины для VSCode, 12 лет Node.js
• Подкаст «Фронтенд Юность» #189 Рон-дом-дом

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

• С помощью перехода на микросервис мы ускорили бизнес-процесс в 60 раз
• Создание нескольких прогрессивных веб-приложений в одном домене
• Тестирование фронтенда для всех
• Разрушение мифов: Jamstack не может обрабатывать динамический контент
• История веба: часть 1
• Некоторые из лучших пасхальных яиц, спрятанных на сайтах в Интернете

• Инструменты
  • Как я сделал свою сборку Gulp для быстрой, лёгкой и приятной вёрстки
  • Отладка iOS Safari
  • Serverless Functions: секрет сверхпродуктивных фронтенд-команд
  

• Производительность
  • Как исправить проблемы Cumulative Layout Shift (CLS)
  • CSS для Web Vitals
  • Request Quest. Тест на знание особенности работы браузеров — будет ли запускаться HTTP-запрос для определенного кода в последней стабильной версии браузеров.
  

• Доступность
  • Идеальная ссылка
  • Как отключить ссылку
  • Нам нужно поговорить о WCAG.
  

• Эффекты
  • Подборка креативных сайтов «Inspirational Websites Roundup» #26
  • Эффект морфинга текста на CSS
  • FBO Particles with Three.js: как создать облако частиц, которое можно увидеть на сайте Visualdata
  

CSS

• 25 лет CSS
• Нативная валидация ввода в CSS
• CSS in SVG in CSS: добавление конфетти в дизайн-систему Stack Overflow
• Новые функциональные селекторы псевдоклассов CSS: is() и: where()
• Тригонометрия в CSS и JavaScript: Введение в тригонометрию
• Тригонометрия в CSS и JavaScript: творческий подход с помощью тригонометрических функций
• The CSS Layout Generator — визуальный инструмент для создания компонентов лейаута на CSS Grid
• Inherit, initial, unset, revert
• Шестиугольники и не только: гибкие, отзывчивые сеточные шаблоны, без медиа-запросов

JavaScript

• Управление зависимостями в Node.js
• Как мы потерпели неудачу, а затем преуспели в переходе на TypeScript
• Создание нейронной сети Хопфилда на JavaScript
• ES12 сделает вашу жизнь проще!
• Обеспечение быстрой работы JavaScript в WebAssembly
• Еще одна альтернатива Javascript: ReScript
• Взгляд на компиляцию в JavaScript-фреймворках

• React
  • 5 продвинутых паттернов React-разработки
  • Путь к увеличению производительности приложения на React в 10 раз
  • Как делать мемоизацию с React.useMemo()
  • Динамическая и статическая маршрутизация в React
  • Проходим интервью по React с помощью Mindmap — Часть 1., Часть 2
  • Шаринг типов между бекендом и фронтендом с помощью BFF паттерна
  • AtomicKafka — Легкий npm-пакет, разработанный для упрощения процесса установки двунаправленной потоковой передачи данных в реальном времени в вашем веб-приложении.
  

• Vue
  • Проблемы рендера семи тысяч элементов на Vuetify
  • Управление общим состоянием во Vue 3
  • Миграция с Vue v.2 на Vue v.3 на примере простого проекта
  • Управление состоянием в приложениях на Vue 3
  • Переход с Vue-CLI и Webpack на Vitejs
  • Небольшой плагин для Vue, который добавляет привкус jQuery
  

• Angular
  • Почему мы должны отказаться от React и выбрать Angular
  • Что нового в Angular 12
  • Как использовать ControlValueAccessor для улучшения ввода даты с помощью автоматической конвертации и валидации
  • Популярные заблуждения об Angular
  • Angular Rocks: История Angular с Misko Hevery
  

• Ember
  • The Ember Times — Issue No. 181
  • Ремоделирование приложения на Ember — Введение
  • Как создавать небольшие, быстрые и классные десктопные приложения с Tauri и Ember.js
  • Соединяем Ember.js с Phoenix
  

• Svelte
  • Svelte Motion — Библиотека анимации для приложений на Svelte на основе Framer Motion.
  

Браузеры

• Firefox 89 обновил интерфейс браузера
• Релиз Firefox 89 с переработанным интерфейсом
• Mozilla, Google, Apple и Microsoft объединили усилия в стандартизации платформы для браузерных дополнений
• Что нового в DevTools (Chrome 92)

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.