Front-end Digest № 12: оновлення NodeJS, Deno, Biome і Bun 1.0, компоненти React Server та що нового у Svelte

Усі статті, обговорення, новини про Front-end — в одному місці. Підписуйтеся на телеграм-канал!

Привіт, колеги. Мене звати Олександр і я займаюся фронтендом в компанії Zfort Group. Маю для вас черговий дайджест з цікавими матеріалами зі світу фронтенда за останній тиждень.

Веброзробка

• Оновлення Google Fonts: стався редизайн популярного сервісу
• Як layout position впливає на три великі важелі веб-продуктивності
• WOFF покинув будівлю
• Огляд браузерних відеоплеєрів з точки зору доступності

• Інструменти
  • Node.js 20.6.0 тепер має вбудовану підтримку .env файлів
  • Анонсуємо нативну підтримку npm у Deno Deploy
  • Bun 1.0 нарешті вийшов. Bun — це швидкий, універсальний набір інструментів для запуску, збірки, тестування та налагодження JavaScript і TypeScript
  • Анонсуємо Biome, інструментарій для роботи з вебом. Biome — це офіційний форк Rome, що форматує та лінтить ваш код за долі секунди і покликаний з часом замінити Babel, ESLint, webpack, Prettier, Jest та інші.

CSS

• Покращення UX адаптивних таблиць даних за допомогою CSS
• Типізовані безпечні системи CSS-дизайну за допомогою @property
• CSS-селектор лоботомізованої сови: Сучасний посібник
• CSS Only Pagination
• Док-панель в стилі iOS із CSS анімацією, що керується прокручуванням

JavaScript

• React
  • Розуміння компонентів React Server
  • Parents & Owners в React: Потік даних
  • Посібник із передачі даних за допомогою Props у React
  • Чому React робить повторний рендеринг і коли нам варто про це турбуватися?
  • waku — Мінімалістичний React фреймворк з серверними компонентами
  • Next.js проти Гетсбі: Порівняння фреймворків React
  • Серверний рендеринг (SSR) з Bun та React

• Vue
  • 3 основні проблеми багаторазового використання компонентів у Vue.js
  • Створіть вебсайт для відеодзвінків з Tencent RTC за лічені хвилини за допомогою Vue3

• Angular
  • «Destroy, відписка»: патерни відписок в Angular і новий спосіб, аби робити це якнайкраще
  • Що тут відбувається? Початок роботи з логуванням в Angular
  • Типові помилки, яких припускаються бекенд-програмісти в Angular
  • Infinite Scrolling в Angular: Безпроблемна реалізація

• Svelte
  • Що нового у Svelte: Вересень 2023
  • Вам не потрібно «вивчати» Svelte

• Libs & Plugins
  • Quickboot.js — експериментальний інструмент для зменшення розміру JS-коду за межами tree-shaking
  • uDSV — Найшвидший парсер CSV у 5 КБ. Бонусом йде детальний аналіз швидкодії популярних парсерів CSV

Браузери

• Chrome отримає оновлений вигляд в стилі Material You
• Викиди вуглецю в браузерних DevTools — Firefox Profiler та CO2.js
• Швидше виконання Vue.js у Firefox