Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное |
Медиа
• Callback Hell — записи аудио-стримов о технологиях и не только от CSSSR
• Подкаст «Фронтенд Юность» #182: Не нужно платить разработчикам 200-300к
• «Новости 512» от CSSSR: релиз Node.js 16 и Firefox 88, проектирование приложения с TypeScript и ООП, взгляд на Container Query, доклады с Я.Субботника.
• «Новости 512» от CSSSR: Микрофронтенды в Delivery Club, JS-классы, состояние JS-фреймворков и стейт-менеджеров, минусы Dart
• IT-дебаты: JavaScript-программист vs фронтенд-разработчик
• Frontend Meetup 20/04
• Я.Субботник по разработке интерфейсов 2021
Веб-разработка
• CORS для чайников: история возникновения, как устроен и оптимальные методы работы
• Как создают и поддерживают веб-страницы tinkoff.ru
• Трёхпроходный алгоритм рефакторинга Front End
• Что нового в DevTools (Chrome 91)
• Независимые компоненты: новые строительные блоки для веба
• Как я создал свой блог
- Производительность
• Почти полное руководство по Cumulative Layout Shift
• Подробное руководство по измерению Core Web Vitals
- Эффекты
• Взаимодействие с магнитящейся трехмерной галереей
• Эффект креативного появления изображений при скроллинге
• Трехмерный скроллинг в глубину с помощью Three.js & GSAP
• Анимация контура текста с помощью Three.js
CSS
• Полное руководство по CSS Flex + опыт использования
• CSS-нестинг — больше, чем сахар
• Руководство по новым современным псевдо-селекторам CSS
• Создание (и потенциальные преимущества) CSS-шрифта
• Как добавить двойную границу к SVG Shapes
• Начало работы с CSS Custom Properties
• TailwindCSS: добавляет сложности, ничего не делает.
• Работа на ошибками гибкой типографии, базирующихся на вьюпорте в Safari
JavaScript
• Основы управления памятью в JavaScript: как это работает и какие проблемы могут возникнуть
• Выпуск серверной JavaScript-платформы Node.js 16.0
• Чудесный мир Javascript бандлеров
• Улучшите управление состоянием в вашем фронтенде с помощью view models
• Шаблон для свойства отложенной загрузки в JavaScript
• Полное руководство по инкрементной статической регенерации (ISR) с Next.js
• Топ-5 самых популярных вопросов о JavaScript на Stack Overflow
• Руководство по MobX
• Понимание Array Reduce в JavaScript
- React
• Простые советы по написанию чистого кода React-компонентов
• Заметка о том, как работают хуки в React
• Как автоматически развернуть ваши React — приложения с помощью Cloudflare Pages
• Шпаргалка по React Router: все, что вам нужно знать
• Hookrouter: современный подход к React Routing
- Vue
• 3 года VueJS (2021)
• Представляем Plasmic, визуальный конструктор страниц для Next.js
• Как прибираться после себя и почему это важно (Vue/React)
• Inkline — кастомизируемая Vue.js UI/UX библиотека для создания отзывчивых веб-приложений
- Angular
• 5 полезных решений в RxJS
• Как оптимизировать реактивность в Angular
• Как разделить HTTP Interceptors между несколькими серверами
• Предстоящие улучшения в распространении Angular
Браузеры
• В Firefox 88 молча удалён пункт контекстного меню «Page Info»
• Apple, Microsoft, Opera и другие разработчики не горят желанием поддерживать технологию Google FLoC
• Релиз Firefox 88
• В Microsoft Edge тестируется новый режим производительности с иным принципом работы «спящих» вкладок
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort