Веб-разработка
• Веб-технологии, которые могут работать не так, как ожидается
• Микрофронтенд, как не скатиться в ад
• Перестроились в модульный монолит, а не в микросервисы
• Новинки DevTools (Chrome 93)
• Табы или пробелы? ➡️ Почему мы повернули не туда и как табы помогают
• Интерактивные инструменты обучения для фронтенд-разработчиков
• Объяснение структуры HTML и CSS в клиенте Twitter
• Глубокое погружение в чудесный мир displacement фильтрации в SVG
• Распространенные ошибки NPM, которых следует избегать каждому разработчику
• Полное руководство по GraphQL для новичков
CSS
• Assembler CSS — статический CSS фреймворк с миссией улучшить производительность вашего сайта, генерируя только минимальное количество CSS, необходимое каждой веб-странице.
• Использование SVG с медиа-запросами
• Создание компонента для пошаговой навигации
• Рефакторинг CSS: оптимизация размеров и производительность (часть 3)
• Интерактивное руководство по Keyframe Animations
• Топ-5 генераторов CSS Grid Layout
• Pure CSS: как создать арт-галерею в виде трехмерного вращающегося куба, используя только CSS
JavaScript
• ColorPicker для с веб-сайтов или всего экрана помощью JavaScript EyeDropper API.
• 7 методов создания хороших переменных в JavaScript
• Подробный разбор вопроса для интервью: вложенные массивы
• Особенности ES2022: блоки статической инициализации классов
• Предложения, включенные в грядущий стандарт ECMAScript 2022 для JavaScript
• Advanced Typescript
- React
• Виртуализация больших списков данных с помощью react-window
• Руководство по React Context и хуку useContext()
• 5 методов оптимизации производительности React
- Vue
• Vue.js — Как я вызываю метод в компоненте извне компонента в Vue 2
• Vue.js: как мигрировать большой проект с Vue 2 на Vue 3
• Vue: когда computed property может быть неправильным инструментом
• VueUse как необходимая библиотека для Vue 3
- Angular
• Почему НЕ следует использовать функции в Angular HTML
• Вам не нужно использовать Observables в Angular
• Создание вектороскопа в Angular 12
• NGRX — используйте Actions для создания более реактивных приложений
- Svelte
• Sveltey: Cli для Svelte-Kit
Браузеры
• Из настроек Chrome планируют убрать раздел для детализированного управления Cookie
• Проект Pale Moon добился прекращения разработки браузера Mypal
• Релиз Chrome 93
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор:
alexzfort