Фронтенд-дайджест №474 (21 - 27 червня 2021)
Медіа
- Goose&Duck #2 – Проміжні сорсмапи з Валентином Семірульніком
- «Новини 512» від CSSSR: Import Assertions, стрім в Node.js, веб і споживання пам'яті, голосові інтерфейси, Rust 1.53
- Подкаст "Веб-стандарти" №287. Chrome прискорює фреймворки, Astro і 11ty, клавіатура, NJS, React 18 і Suspense, TeamCity і YAML
Веб-розробка
- Що можна покласти в тег
- Indiepen - Незалежне і захищене рішення для демонстрації прикладів коду
- OMG, SVG Favicons FTW!
- Експериментальна inline-to-menu-link анімація
- Стан WebAssembly в 2021 році
- На шляху до кращої метрики чуйності
- Webpack або esbuild: чому не обидва?
- Технічні подробиці MS Teams 2.0: відмова від Electron на користь Edge Webview2, міграція з Angular на reactjs
CSS
- Простий CSS хак для скорочення часу завантаження сторінки
- Спадкування розміру шрифту предка для забави та вигоди
- Персональні властивості CSS - розминка для мозку
- Використання продуктивних зображень наступного покоління в CSS з image-set
- Використання CSS для забезпечення доступності
- Генерація структур Grid Layout за допомогою дерева квадрантів
- Правила CSS @supports для орієнтування на Firefox/Safari/Chromium
- Кастомні скроллбари в CSS
- Малювання графіки за допомогою CSS Paint API
- Як створювати діаграми на CSS за допомогою цікавих форм, символів і емодзі
- 22 CSS-трюки, які зроблять з вас Layout Ninja
- Повние візуальне керівництво / шпаргалка по CSS Grid
JavaScript
-
Як працює JavaScript: високопродуктивний код + 8 порад по оптимізації
-
React
- Don't Stop Me Now: як використовувати хук useTransition() в React
- Демістифікація styled-components
- Порівняння Flutter і React Native. Який фреймворк краще в 2021 році?
- Архітектура React: як структурувати і організувати додаток на React
- Тестування React MobX store? З Cypress це легко!
- Керівництво по кастомним хукам React з MutationObserver
- Створення програм з React і Nx
- React Intl: інтернаціоналізація React-додатків
- React зіпсував веб-розробку
-
Vue
-
Angular
-
Svelte