Дайджест свежих материалов из мира фронтенда за последнюю неделю №412 (20 — 26 апреля 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное |
Медиа
•
•
•
•
•
Веб-разработка
•
• В ночные сборки Firefox добавлена поддержка WebGPU
•
•
•
•
-
Производительность
•Мониторинг всей памяти, используемой веб-страницей: performance.measureMemory()
•4 самых распространенных ошибок тестирования скорости страниц
•Лучшая оптимизация изображения за счет ограничения Color Index
•Эффективность Brotli в реальном мире
CSS
•
•
•
•
•
•
•
•
•
•
•
•
•
JavaScript
•
• Доступна 14 версия Node.js
•
•
•
-
Теория
•The Clear Architecture на примере TypeScript и React
•[теория] Разница между веб-сокетами (WebSockets) и Socket.IO
•Как работает TypeScript? Взгляд с высоты птичьего полета
-
React
•3D-аркада в браузере: как мы сделали игру на React + Redux
•Реализация скелетон-сетки в React
•Компилятор, который конвертирует React-совместимый код в VanillaJS без Virtual DOM
•Начало работы с react-redux-firebase
•Пишем (более) чистые компоненты и JSX
•React Hook Form — Элегантное решение для форм в React
•React Podcast 91: Dominic Nguyen on Chromatic and Visual Regression Testing
-
Vue
•VueJS 3.0.0 Beta: функции, которыми я восхищаюсь
•Превращение компонентов Vue в переиспользуемые npm пакеты
•Vue.js: роуты с ленивой загрузкой и динамические комментарии в Webpack
-
Angular
•Angular: правильные вызовы API
•10 менее известных функций Angular, которые вы, вероятно, никогда не использовали
•Как реализовать drag and drop в Angular 9
-
Ember
•The Ember Times — Issue No. 145
•Autotracking Case Study — TrackedMap
•Ember-Glue: Как может выглядеть UI-библиотека нового поколения для компонентов в Ember Octane?
-
Svelte
•Svelte, исчезающий фреймворк, что всё никак не исчезал
•Svelte, исчезающий фреймворк, который уже не исчезнет
•Обработчики событий и Svelte
-
Libs & Plugins
•Расширенный HTML
•markmap-lib — Визуализация Markdown в качестве диаграммы связей с Markmap.
•Как делать потрясающие визуализации данных с D3.js
•Crank.js — пишите JSX-driven компоненты с помощью функций, промисов и генераторов.
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.