Фронтенд-дайджест №490 (18 - 24 жовтня 2021)
Медіа
- «Новини 512» від CSSSR: Chrome 95, Node.js 17, пам'ять і GC в JS, архітектура, замикання, вивчення фреймворків, звіт W3C
- «Новини 512» від CSSSR: Дока, Parcel 2.0, Nuxt.js 3 beta, розбираємося в CORS, новий фреймворк Remix
- Подкаст "Веб-стандарти" #304. State of CSS, колірні палітри, яндекс.браузер, введення пароля, CSS майбутнього, навіщо потрібна Дока
- Подкаст "Фронтенд Юність" #209: Програмування - все одно не робота
- Подкаст "Зробіть мені красиво" №63 - Сів, порефлексіровал і звільнився
- proConf #111: CSScamp 2021
Веб-розробка
-
Як створити гру на багато користувачів в реальному часі з нуля на JS
-
Створення SSG, який я завжди хотів: сендвіч з 11ty, Vite і JAM
-
Webpack Module Federation — мікрофронтенд на сучасних технологіях (частина 2) – deep dive
-
Інструменти
-
Продуктивність
-
Доступність
-
Ефекти
CSS
- Переписуємо Tailwind компоненти на ванільному CSS
- Поширені помилки при написанні CSS за допомогою БЕМ
- Запобігання впливу прокрутки на ланцюжок елементів за допомогою Overscroll Behavior
- Інтерв'ю з Елада Шехтером про «The New CSS Reset»
- Вивчення CSS Paint API
- Типи значень в CSS. Абсолютні, відносні і всякі інші
- Повага до вподобання користувачів щодо анімацій (prefers-reduced-motion)
- @supports selector()
- Припиніть боротися з причиною існування CSS з цими тупими «фреймворками»
- Як я організую свій CSS для веб-сайтів без фреймворку
- CSS переходить на новий, шостий рівень каскадності
JavaScript
-
Рішення проблем JavaScript з Bigfrontend (BFE): Throttle і Debounce
-
Як побудувати лінійний графік на JavaScript: візуалізація даних про Covid-19 вакцинації
-
Теорія
-
React
- Що нового в Gatsby 4
- 6 конкретних порад, які спростять рев'ю ваших пул-реквестів в React
- Як замінити useState на useRef і стати переможцем
- Створіть власний React Hook з автозапуском TikTok роликів за допомогою Intersection Observer
- React re-Reselect: найкраща мемоізація і управління кешем
- React: розробляємо хук для завантаження додаткових даних
- Як на React дві кнопки переводити півтора року
- Error Boundaries в React: препаруємо жабу
- Наочне керівництво по рендерингу в React - шпаргалка
-
Vue
-
Angular
-
Svelte
-
Libs & Plugins