Front-end Digest № 17: бенчмарки JS-мініфікаторів, що нового в CSS та головний біль з Gatsby
Привіт, колеги. Мене звати Олександр і я займаюся фронтендом в компанії Zfort Group. Маю для вас черговий дайджест з цікавими матеріалами зі світу фронтенда за останній тиждень.
Веброзробка
• Шаблони інтеграції API — різниця між REST, RPC, GraphQL, Polling, WebSockets та WebHooks• Додавання маніфесту веб-додатку
• Бенчмарк «hello world» для веб-серверів: Go vs Node.js vs Nim vs Bun
• Дизайн для всіх: основні принципи веб-доступності
• Обрана дата повинна бути в межах останніх 10 років
- Продуктивність
• Оновлення до Lighthouse 11/Chrome 117, зміни в підрахунку балів GTmetrix та багато іншого
• Настав час ліниво завантажувати позаекранні iframe
- Ефекти
• Розваги зі stroke-dasharray
• CSS 3D Text Effects
• Побудуйте симуляцію рідини крок за кроком
• Нова цільова сторінка GSAP з демонстрацією можливостей цієї бібліотеки
CSS
• 5 найкращих практик для запобігання хаосу в Tailwind CSS• Робота з типографікою в CSS
• Майбутнє CSS: Просте перемикання кольорів між світлим і темним режимами за допомогою light-dark()
• Стилізація зовнішніх посилань за допомогою селекторів атрибутів
• Синтаксис відносного кольору в CSS
• Порада щодо дизайну внутрішнього радіуса за допомогою CSS Custom Properties
• Що нового в CSS? (2023.10.12 @ Frontmania)
JavaScript
• Бенчмарки JS мініфікаторів : babel-minify, esbuild, terser, uglify-js, swc, google closure compiler, tdewolff/minify
• ESLint v9.0.0: Плани розгортання flat-конфігурацій
• Прискорення екосистеми JavaScript — катастрофа barrel-файлів
• Не бійтеся генераторів JavaScript
- React
• Чому ми все ще використовуємо React HOC
• Як використовувати URL-адреси для управління станами в React
• Головний біль Gatsby: Робота з медіа (частина 1)
• Вивчаємо чарівність ref в React
• 44 питання для співбесіди на позицію React Frontend
• Classed components
- Vue
• Як інтегрувати Google Maps у застосунок Vue 3
• Вивчення просунутих шаблонів дизайну у Vue.js
• Оволодіння Control Value Accessor у Vue.js: легко створювайте власні компоненти вводу
• Чому я обрав Vue, а не React
• Продуктивність Nuxt 3, ч.1
• Продуктивність Nuxt 3, ч.2
- Angular
• Angular Interceptors Unleashed: легке вирішення складних сценаріїв. Практичні випадки та приклади використання (2023)
• Angular Signals: Глибоке занурення
• Роз’яснення Angular Structural Directives у двох словах
- Svelte
• Як Svelte допоміг мені краще зрозуміти веброзробку в цілому
• Створення форм SvelteKit за допомогою Superforms
Браузери
• Незабаром у Firefox з’явиться вбудована функція під назвою «Перевірка відгуків» для виявлення фальшивих відгуків про товари
• Блог Chrome: Підготовка до завершення роботи сторонніх файлів cookie
• Що нового в DevTools (Chrome 119)
• Нове в Chrome 118
Усі статті, обговорення, новини про Front-end — в одному місці. Підписуйтеся на телеграм-канал!
12 коментарів
Додати коментар Підписатись на коментаріВідписатись від коментарів