Фронтенд-дайджест №494 (15- 21 листопада 2021)
Медіа
- Софт скіли джуніор веб-розробника: інтерв'ю з Андрієм Смирновим
- «Новини 512» від CSSSR: Chrome 96, TypeScript 4.5, дженерики в TS, порівняння систем типів, ReactRouter 6, Slack + Deno
- Подкаст proConf #113: Strange Loop Conference 2021
- Підкаст "Веб-стандарти" №308. HTML-елемент search і парсери, кастомні властивості, contain і перфоманс, TypeScript і Angular 13
- Frontend Weekend №111: в гостях Зар Захаров з компанії Grid Dynamics: що змінилося за 4 роки або про тимлідство та повернення до програмування, марафонів з розробки та в житті
Веб-розробка
-
Інструменти
- Потужні інструменти терміналу та командного рядка (CLI) для сучасної веб-розробки
- 8 кльових порад для VS Code, які зроблять ваше робоче місце більш індивідуальним
- Розуміння того, чому наша збірка стала в 15 разів повільнішою з Webpack 5
- Міграція з Puppeteer на Playwright
- SVGcode: PWA для перетворення растрових зображень у векторну графіку
-
Продуктивність
-
Доступность
-
Ефекти
CSS
- Посібник із сучасних кольорів CSS за допомогою RGB, HSL, HWB, LAB та LCH
- Використання Position Sticky з CSS Grid
- Адаптивні макети без медіа-запитів!
- Представляємо «Генератор палітри тіней»
- unocss - новий CSS-движок, що використовує атомарну методологію використання стилів
- Розумна техніка реалізації Sticky Footer
- 5 CSS-in-JS фреймворків для використання у 2021 році
- Основні варіанти використання CSS-змінних (Custom Properties)
- Визначення та застосування тем інтерфейсу користувача з використанням бібліотеки Mimcss CSS-in-JS
- Розширення ланцюжків when/else у CSS: перший погляд
JavaScript
-
Як почати property-based тестування в JavaScript за допомогою швидкої перевірки
-
5 можливостей JavaScript ES12, якими варто скористатися вже сьогодні
-
Пишемо простий Mobx у 50 рядків для розуміння патерна Observer
-
React
- Next.js: докладний посібник. Ітерація друга
- Хуки - це найкраще, що трапилося з React
- Контролюємо scroll повністю або реалізація події React: onRenderChildrenComplete
- [Redux] Моє улюблене застаріле питання на співбесіді
- Як видалити побічні ефекти у React
- 300+ питань щодо React на співбесіді
- Enterprise Client-Side Routing for React
- Чому ми перейшли на Next.js?
-
Vue
-
Angular
- [Новий] стан CSS у Angular
- Повне керівництво про те, як додати автозбереження за допомогою RxJS
- Про деякі аспекти складних Angular проектів
- Div на div'і не сидить і div'ом не поганяє: пишемо семантично вірні індикатори завантаження на Angular
- Представляємо NgRx версії 13: білди Ivy, Feature Creators, покращені селектори та багато іншого!
- Найшвидший спосіб створити легкий Angular Content Service
-
Ember
-
Svelte
-
Libs & Plugins
Браузери
- Багатоликість VS Code у браузері
- Нове в Chrome 96
- Firefox містить режими темного та світлого відображення сайтів. Оновлення Firefox 94.0.2
- У Chrome 97 з налаштувань буде прибрано можливість вибіркового видалення Cookie
- Реліз Chrome 96
- Chrome 97: WebTransport, нові статичні методи для масивів та багато іншого
Попередній випуск
