Фронтенд-дайджест №463 (12 - 18 квітня 2021)
Медіа
- Подкаст «Да как так-то?». Випуск № 2: тімлідb, проектні менеджери, тестувальники - хто всі ці люди?
- Подкаст "Фронтенд Юность" #183: Шлях від ідеї до популярного OpenSource проекту
- Подкаст "proConf" #92: GatsbyConf 2021
- Подкаст "Сделайте мне красиво" №60 - Єдиний фронтендер, який відкладає яйця
- «Новини 512» від CSSSR: Chrome 90, Deno 1.9, аналіз продуктивності JS, збирачі, верстка листів, pnpm 6, ESLint 7.24.0
Веб-розробка
-
Повільно і обережно: конвертація всього інтерфейсу Sentry на TypeScript
-
Інструменти
-
Продуктивність
-
Ефекти
CSS
- Tailwind UI: тепер з підтримкою React + Vue
- Проблеми з Overflow в CSS
- Як подружити стилі з Fullscreen API
- Нестандартні шрифти: як підключити і оптимізувати
- Скажіть привіт CSS Container Queries
- Tailwind CSS: to use, або not to use?
- Які CSS-генератори можна використовувати в 2021 році
- CSS - це строго типізована мова
- Персональні CSS-змінні, інверсія світлини квітів і створення темної теми за 5 хвилин
- CSS: робота з текстом на зображеннях
- Керівництво для новачків за новими утилітам в Bootstrap 5
- Використовуйте Reseter.css замість Normalize і Reset.css. Щоб поліпшити кроссбраузерность.
JavaScript
-
Зміна розміру зображення в залежності від контета за допомогою JavaScript
-
React
- The next big thing! Навчитеся використовувати React Query для server-state data management
- React Router Hooks: вивчення того, як вони працюють
- Методи вибірки даних за допомогою React
- Redux не мертвий
- Remotion: фреймворк для створення відео в React.
- Мій стейт менеджер для React, Preact, Inferno
- React: наочний посібник для початківців. Створюємо свій компонент без знань JavaScript
- 5 речей, які кожен розробник React повинен знати про стан
-
Vue
-
Angular
-
Libs & Plugins
Браузери
- Включення підтримки HTTP / 3 в Firefox намічено на кінець травня
- В Firefox Nightly і Beta з'явилася підтримка QUIC і HTTP / 3
- В Firefox 90 буде видалений код, що забезпечує підтримку FTP
- Вийшов Chrome 90
- Розробники Vivaldi і Brave відмовилися використовувати FLoC від Google, покликаний замінити сторонні cookie
- WebKit: Представляємо CSS Grid Inspector
- В Microsoft Edge з'явився спеціальний «дитячий режим»