Фронтенд-дайджест №489 (11 - 17 жовтня 2021)
Медіа
- Подкаст proConf #110: TheUXConf 2021
- «Новини 512» від CSSSR: Firefox 93, TypeScript 4.5 Beta, види DOM, дебаггінг CSS, XSS, security-релізи Node.js і Redis
- Подкаст "Веб-стандарти" #303: Firefox 93, темна тема, баги браузерів, TypeScript 4.5, реальний перфоманс, новий сайт в 2021
- Front-end Science c Сергієм Пузанковим: Pet-projects. Які проекти робити починаючому фронтенд розробнику
- Callback Hell від CSSSR: Навіщо дизайнеру кодити, дизайн-системи і дизайн-токени. В гостях Вадик Матвєєв і Юлія Міоцен
- "Мистецтво веб-розробки", Олена Литвинова: Розбираємо результати співбесіди в компанію DICE в Лондоні. React, NodeJS.
Веб-розробка
-
Залізо і веб: баланс між корисністю, безпекою та конфіденційністю
-
Інструменти
- Webpack Boilerplate - адекватний шаблон webpack 5 з використанням Babel, PostCSS і Sass
- Найпопулярніша помилка, що порушує оптимізацію Webpack-бандлів
- Приховані функції Google Chrome, які повинен знати кожен розробник
- Deno все ще актуальний? Погляд на поточний статус вбивці Node
- Що таке Snowpack?
- Огляд Chrome DevTools. Вирішуємо основні завдання веб-розробника
- Ще 6 речей, які я дізнався, довівши Snowpack до 20000 GitHub-зірок
-
Фреймворки
-
Доступність
CSS
- Розширювані секції в сітці компонентів за допомогою CSS Grid
- Персональні властивості зі значеннями за замовчуванням: 3 + 1 стратегія
- Розумні CSS рішення для поширених завдань в призначених для користувача інтерфейсах
- CSS божеволіє, я вам розповім як
- Різні варіанти використання кастомних властивостей
- Як написати власну властивість на CSS
- Як створити блок з градієнтним обведенням?
- Як створити ефект друкарської машинки на CSS для вашого веб-сайту
- Bootstrap vs Tailwind vs Vanilla CSS
- Розбираємося з кольорами, палитрами, фильтрами CSS и не только
JavaScript
-
Синхронний і асинхронний JavaScript - Call Stack, проміси і багато іншого
-
Мікрооптімізація вашого JavaScript, ймовірно, того не варто, але ..
-
Релізи
-
React
- React проти інших фреймворків: порівняння по трьом аспектам
- Корисні React API для створення гнучких компонентів за допомогою TypeScript
- Для чого компанії потрібен UI KIT? (Frontend + Design)
- Перетворення React-додатку в встановлюваний PWA з оффлайн-режимом, сервіс-воркером і темами
- Погляд на startTransition в React 18
- Повне керівництво по інтернаціоналізації в Next.js
- Як реалізувати флаги функцій в React
- Що нового в Gatsby v4
-
Vue
- Як реалізувати функцію пошуку в вашому Nuxt додатку за допомогою Algolia InstantSearch
- Vue.js: як перенести великий проект з Vue 2 на Vue 3
- Підвищення продуктивності $destroy у Vue
- Чому і коли вам слід використовувати Vuex
- Думки про екосистему Vue
- Створення програми за допомогою Vue 3, Nuxt і TypeScript
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins