N фронтенд-статей тижня
Інструкції
# Крок 1: Перевірте 65 найкращих джерел інформації для фронтенду
Вам потрібно знайти наступні 65 найновіших тем, пов'язаних з технологіями, для фронтенд-розробників та організацій (за останні 7 днів):
## 🏢 Інституційні рахунки (17)
@reactjs, @vuejs, @angular, @sveltejs, @nextjs, @vercel, @remix_run, @astrodotbuild, @vite_js, @webpack, @tailwindcss, @typescript, @nodejs, @denoland, @bunjavascript, @stackblitz, @codesandbox
## 👤 Особисті акаунти (48)
@dan_abramov, @sebmarkbage, @acdlite, @sophiebits, @youyuxi, @patak_dev, @antfu7, @shuding_, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @ryanflorence, @mjackson, @remix_run, @wesbos, @addyosmani, @paul_irish, @jaffathecake, @argyleink, @Una, @chriscoyier, @sarah_edo, @cassidoo, @housecor, @getify, @BrendanEich, @slicknet, @cramforce, @mathias, @ericwbailey, @mmatuzo, @heydonworks, @steveworkman, @jensimmons, @rachelandrew, @smashingmag, @csswizardry, @mgechev, @samccone, @_developit, @Rich_Harris, @trueadm, @sebmck, @jamiebuilds, @left_pad, @devongovett
## Метод сканування
Використовуйте Пошук Google для пошуку технічного контенту, пов’язаного з цими обліковими записами, застосовуючи оптимізовану стратегію пошуку:
**Перша партія: Основні експерти фронтенду** (Пріоритетний пошук, найвища якість)
- Облікові записи: @dan_abramov, @youyuxi, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @addyosmani, @jaffathecake
- Формат пошуку: `@dan_abramov АБО @youyuxi АБО @rauchg АБО @leeerob АБО @shadcn АБО @t3dotgg АБО @kentcdodds АБО @addyosmani АБО @jaffathecake бібліотека інструментів фреймворк оптимізація продуктивності посібник`
- Діапазон часу: свіжість="тиждень"
- category="general" (Використання категорії "загальне" дасть найкращі результати)
**Друга партія: Офіційні рамкові рахунки**
- Обліковий запис: @reactjs, @vuejs, @nextjs, @vercel, @sveltejs, @remix_run, @astrodotbuild, @vite_js, @tailwindcss, @typescript
- Формат пошуку: `@reactjs АБО @vuejs АБО @nextjs АБО @vercel АБО @sveltejs АБО @remix_run АБО @astrodotbuild АБО @vite_js АБО @tailwindcss АБО @typescript release update feature`
- Діапазон часу: свіжість="тиждень"
- категорія="загальне"
**Третя група: Інші експерти з фронтенд-підготовки**
- Акаунти: @antfu7, @shuding_, @wesbos, @paul_irish, @argyleink, @Una, @chriscoyier, @cassidoo, @Rich_Harris
- Формат пошуку: `@antfu7 АБО @shuding_ АБО @wesbos АБО @paul_irish АБО @argyleink АБО @Una АБО @chriscoyier АБО @cassidoo АБО @Rich_Harris порада, найкращий практичний зразок`
- Діапазон часу: свіжість="тиждень"
- категорія="загальне"
**Пакет 4: Інструменти та середовища виконання**
- Обліковий запис: @nodejs, @denoland, @bunjavascript, @webpack, @stackblitz, @codesandbox
- Формат пошуку: `@nodejs АБО @denoland АБО @bunjavascript АБО @webpack АБО @stackblitz АБО @codesandbox performance release`
- Діапазон часу: свіжість="тиждень"
- категорія="загальне"
**П'ята група: експерти з доступності та CSS**
- Акаунти: @ericwbailey, @mmatuzo, @heydonworks, @csswizardry, @smashingmag
- Формат пошуку: `@ericwbailey АБО @mmatuzo АБО @heydonworks АБО @csswizardry АБО @smashingmag шаблон доступності`
- Діапазон часу: свіжість="тиждень"
- категорія="загальне"
## Ключові моменти
- **Не** використовуйте `excludeDomains` або `includeDomains`; дозвольте Google сортувати природним чином.
- **Не** обмежуйте пошук певними вебсайтами; дозвольте алгоритму повертати найрелевантніші результати.
**Ключовий момент:** Використовуйте точні комбінації ключових слів, щоб природно займати високі позиції в результатах пошуку високоякісних технічних статей.
- **Стратегія:** Пошук виконується партіями, щоб забезпечити охоплення всіх джерел, при цьому в кожній парті використовуються дещо різні ключові слова для відповідності різним типам контенту.
Продовжуйте з кроку два.
# Крок 2: Інтелектуальна фільтрація та класифікація
Фільтруйте результати пошуку, щоб знайти контент, який відповідає таким критеріям:
## ✅ Критерії утримання (пріоритетний порядок)
1. **Глибокі технічні статті** (найвищий пріоритет)
- Оригінальні статті в моєму особистому технічному блозі
- Офіційна документація та журнал змін
- Підручники для технічних платформ (Dev.to, Medium, CSS-Tricks тощо)
- README та документація для репозиторію GitHub
2. **Комунальні послуги та бібліотеки**
- Нещодавно випущені або оновлені інструменти, бібліотеки та фреймворки для фронтенду
- Містить інструкції з використання та приклади коду
3. **Методи розробки та найкращі практики**
- Методи кодування, які можна застосовувати безпосередньо
- Методи оптимізації продуктивності
- Шаблони архітектурного проектування
4. **Офіційне оновлення**
- Нотатки щодо оновлення версії фреймворку
- Документація щодо змін API
- Посібник з міграції
5. **Високоякісні твіти** (як доповнення)
- Зберігається лише якщо твіт містить повний технічний опис або посилання на високоякісну статтю.
- Сам твіт насичений контентом, включаючи приклади коду або детальні пояснення.
## ❌ Стандарти фільтрації
- Твіти, що мають суто соціальний характер (лайки, ретвіти, прості коментарі)
- Нетехнічний контент, такий як особисте життя, рекрутинг та просування конференцій.
- Занадто простий або вузькоспеціалізований контент
- Дублікат або схожа інформація
- Новини та інформаційний контент (якщо він не містить технічних деталей)
- Посилання на відео та подкасти (бажано текстовий контент)
- Маркетингово-орієнтоване просування продукту
## 📊 Система класифікації
Відфільтрований контент поділено на такі категорії:
1. **🛠️ Інструменти та бібліотеки**: Нові інструменти, оновлення бібліотек та корисні плагіни.
2. **⚡ Оптимізація продуктивності**: методи підвищення продуктивності та рішення для оптимізації
3. **💡 Навички розробки**: методи кодування та найкращі практики
4. **🎨 UI/UX**: Розробка інтерфейсу, анімація та методи стилізації
5. **Архітектура та шаблони:** Архітектурний дизайн та шаблони дизайну
6. **🔧 Робочий процес**: Процес розробки та оптимізація інструментарію
7. **📱 Кросплатформність:** Розробка для мобільних пристроїв та комп’ютерів
8. **Нові можливості**: Нові можливості у фреймворках/браузерах
9. **♿ Доступність**: Найкращі практики для веб-доступності
## 🎯 Оцінка якості контенту
Бажаний вибір:
- Статті з повними прикладами коду
- Контент з описами практичних сценаріїв застосування
- Статті, що містять дані про продуктивність або порівняльні тести
- Офіційна документація та авторитетні джерела
- Детальний обмін інформацією з особистого блогу розробника
Продовжуйте з кроку три.
# Крок 3: Створення документа щотижневого звіту
На основі відфільтрованого та категоризованого контенту створіть структурований щотижневий звіт з розробки фронтенду:
## 📝 Структура щотижневого звіту
«уцінка»
# X найінформативніших статей цього тижня про фронтенд-розробку ([діапазон дат])
## 1. **[Назва - Зосередження на практичній цінності]**
**Короткий виклад:** Основні питання або теми, що обговорюються у статті.
**Причина рекомендації**: Одне речення пояснює, «чому варто прочитати», на відміну від короткого змісту (де вказано, «що це таке», а причина рекомендації — «чому»).
**Посилання на статтю:** https://example.com/article-url
---
[Повторіть наведений вище формат]
```
## ✍️ Вимоги до написання
1. **Переклад назви статті**:
- **Назва статті англійською мовою має бути перекладена китайською мовою.**
- Залишити оригінальне посилання без змін
- Формат назви: Використовуйте назви безпосередньо китайською мовою, не використовуйте формат посилань Markdown.
Приклад: Як оптимізувати продуктивність React
2. **Формат посилання на статтю** (Важливо):
- **Повинна відображатися повна URL-адреса.**
- **Не використовуйте формати посилань Markdown, такі як [цитація](url) або [текст](url).**
- Формат: **Посилання на статтю**: https://example.com/article-url
- Правильний приклад: **Посилання на статтю**: https://shadcnstudio.com/blog/how-to-optimize-shadcn-performance
- Приклад помилки: **Посилання на статтю**: [цитування](https://example.com) або [натисніть тут](https://example.com)
3. **Стислий та зрозумілий:** Кожен елемент контенту має бути обмежений 100-200 словами.
4. **Акцент на практичності**: Зробіть акцент на тому, як застосовувати технологію та які проблеми вона вирішує.
5. **Збережіть оригінальне посилання:**
- Якщо це технічна стаття, використовуйте URL-адресу статті.
- Якщо це твіт, використовуйте URL-адресу твіту.
- Переконайтеся, що посилання доступне
6. **Китайські вирази**: Використовуйте чітку китайську мову; для технічних термінів дотримуйтесь англійської.
7. **Формат часу публікації:** Використовуйте формат РРРР-ММ-ДД (наприклад, 2026-04-09) і не вказуйте конкретний час.
## 📊 Принципи презентації контенту
1. **Надайте пріоритет відображенню технічних статей:** Якщо є і статті, і твіти на одну й ту саму тему, статті відображатимуться першими.
2. **Підтримуйте різноманітність:** Забезпечте охоплення різних типів контенту (інструменти, навчальні посібники, документація тощо)
3. **Зосередьтеся на практичності:** Кожен елемент контенту повинен мати чітку прикладну цінність.
4. **Надайте контекст**: Коротко поясніть, чому варто звернути увагу на цей контент.
## 🚫 Вимоги до форматування
**Не включайте наступне:**
- Не додавайте розділ «Тенденції цього тижня».
- Не додавайте інформацію про "Час генерації".
- Не додавайте жодного резюме чи заключного контенту.
- Підтримуйте свій щотижневий звіт чітким та лаконічним, містячи лише список вибраних статей.
Сформувати повний щотижневий звітний документ.
Опис
Автоматично сканує останні технічні оновлення від 65 провідних фронтенд-розробників та організацій, природним чином отримує високоякісні технічні статті, блоги та офіційну документацію за допомогою оптимізованих стратегій пошуку. Спеціально розроблено для фронтенд-розробників, зосереджуючись на практичних технологіях, оптимізації продуктивності, нових можливостях та покращеннях робочих процесів.
N фронтенд-статей тижня
Інструкції
# Крок 1: Перевірте 65 найкращих джерел інформації для фронтенду
Вам потрібно знайти наступні 65 найновіших тем, пов'язаних з технологіями, для фронтенд-розробників та організацій (за останні 7 днів):
## 🏢 Інституційні рахунки (17)
@reactjs, @vuejs, @angular, @sveltejs, @nextjs, @vercel, @remix_run, @astrodotbuild, @vite_js, @webpack, @tailwindcss, @typescript, @nodejs, @denoland, @bunjavascript, @stackblitz, @codesandbox
## 👤 Особисті акаунти (48)
@dan_abramov, @sebmarkbage, @acdlite, @sophiebits, @youyuxi, @patak_dev, @antfu7, @shuding_, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @ryanflorence, @mjackson, @remix_run, @wesbos, @addyosmani, @paul_irish, @jaffathecake, @argyleink, @Una, @chriscoyier, @sarah_edo, @cassidoo, @housecor, @getify, @BrendanEich, @slicknet, @cramforce, @mathias, @ericwbailey, @mmatuzo, @heydonworks, @steveworkman, @jensimmons, @rachelandrew, @smashingmag, @csswizardry, @mgechev, @samccone, @_developit, @Rich_Harris, @trueadm, @sebmck, @jamiebuilds, @left_pad, @devongovett
## Метод сканування
Використовуйте Пошук Google для пошуку технічного контенту, пов’язаного з цими обліковими записами, застосовуючи оптимізовану стратегію пошуку:
**Перша партія: Основні експерти фронтенду** (Пріоритетний пошук, найвища якість)
- Облікові записи: @dan_abramov, @youyuxi, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @addyosmani, @jaffathecake
- Формат пошуку: `@dan_abramov АБО @youyuxi АБО @rauchg АБО @leeerob АБО @shadcn АБО @t3dotgg АБО @kentcdodds АБО @addyosmani АБО @jaffathecake бібліотека інструментів фреймворк оптимізація продуктивності посібник`
- Діапазон часу: свіжість="тиждень"
- category="general" (Використання категорії "загальне" дасть найкращі результати)
**Друга партія: Офіційні рамкові рахунки**
- Обліковий запис: @reactjs, @vuejs, @nextjs, @vercel, @sveltejs, @remix_run, @astrodotbuild, @vite_js, @tailwindcss, @typescript
- Формат пошуку: `@reactjs АБО @vuejs АБО @nextjs АБО @vercel АБО @sveltejs АБО @remix_run АБО @astrodotbuild АБО @vite_js АБО @tailwindcss АБО @typescript release update feature`
- Діапазон часу: свіжість="тиждень"
- категорія="загальне"
**Третя група: Інші експерти з фронтенд-підготовки**
- Акаунти: @antfu7, @shuding_, @wesbos, @paul_irish, @argyleink, @Una, @chriscoyier, @cassidoo, @Rich_Harris
- Формат пошуку: `@antfu7 АБО @shuding_ АБО @wesbos АБО @paul_irish АБО @argyleink АБО @Una АБО @chriscoyier АБО @cassidoo АБО @Rich_Harris порада, найкращий практичний зразок`
- Діапазон часу: свіжість="тиждень"
- категорія="загальне"
**Пакет 4: Інструменти та середовища виконання**
- Обліковий запис: @nodejs, @denoland, @bunjavascript, @webpack, @stackblitz, @codesandbox
- Формат пошуку: `@nodejs АБО @denoland АБО @bunjavascript АБО @webpack АБО @stackblitz АБО @codesandbox performance release`
- Діапазон часу: свіжість="тиждень"
- категорія="загальне"
**П'ята група: експерти з доступності та CSS**
- Акаунти: @ericwbailey, @mmatuzo, @heydonworks, @csswizardry, @smashingmag
- Формат пошуку: `@ericwbailey АБО @mmatuzo АБО @heydonworks АБО @csswizardry АБО @smashingmag шаблон доступності`
- Діапазон часу: свіжість="тиждень"
- категорія="загальне"
## Ключові моменти
- **Не** використовуйте `excludeDomains` або `includeDomains`; дозвольте Google сортувати природним чином.
- **Не** обмежуйте пошук певними вебсайтами; дозвольте алгоритму повертати найрелевантніші результати.
**Ключовий момент:** Використовуйте точні комбінації ключових слів, щоб природно займати високі позиції в результатах пошуку високоякісних технічних статей.
- **Стратегія:** Пошук виконується партіями, щоб забезпечити охоплення всіх джерел, при цьому в кожній парті використовуються дещо різні ключові слова для відповідності різним типам контенту.
Продовжуйте з кроку два.
# Крок 2: Інтелектуальна фільтрація та класифікація
Фільтруйте результати пошуку, щоб знайти контент, який відповідає таким критеріям:
## ✅ Критерії утримання (пріоритетний порядок)
1. **Глибокі технічні статті** (найвищий пріоритет)
- Оригінальні статті в моєму особистому технічному блозі
- Офіційна документація та журнал змін
- Підручники для технічних платформ (Dev.to, Medium, CSS-Tricks тощо)
- README та документація для репозиторію GitHub
2. **Комунальні послуги та бібліотеки**
- Нещодавно випущені або оновлені інструменти, бібліотеки та фреймворки для фронтенду
- Містить інструкції з використання та приклади коду
3. **Методи розробки та найкращі практики**
- Методи кодування, які можна застосовувати безпосередньо
- Методи оптимізації продуктивності
- Шаблони архітектурного проектування
4. **Офіційне оновлення**
- Нотатки щодо оновлення версії фреймворку
- Документація щодо змін API
- Посібник з міграції
5. **Високоякісні твіти** (як доповнення)
- Зберігається лише якщо твіт містить повний технічний опис або посилання на високоякісну статтю.
- Сам твіт насичений контентом, включаючи приклади коду або детальні пояснення.
## ❌ Стандарти фільтрації
- Твіти, що мають суто соціальний характер (лайки, ретвіти, прості коментарі)
- Нетехнічний контент, такий як особисте життя, рекрутинг та просування конференцій.
- Занадто простий або вузькоспеціалізований контент
- Дублікат або схожа інформація
- Новини та інформаційний контент (якщо він не містить технічних деталей)
- Посилання на відео та подкасти (бажано текстовий контент)
- Маркетингово-орієнтоване просування продукту
## 📊 Система класифікації
Відфільтрований контент поділено на такі категорії:
1. **🛠️ Інструменти та бібліотеки**: Нові інструменти, оновлення бібліотек та корисні плагіни.
2. **⚡ Оптимізація продуктивності**: методи підвищення продуктивності та рішення для оптимізації
3. **💡 Навички розробки**: методи кодування та найкращі практики
4. **🎨 UI/UX**: Розробка інтерфейсу, анімація та методи стилізації
5. **Архітектура та шаблони:** Архітектурний дизайн та шаблони дизайну
6. **🔧 Робочий процес**: Процес розробки та оптимізація інструментарію
7. **📱 Кросплатформність:** Розробка для мобільних пристроїв та комп’ютерів
8. **Нові можливості**: Нові можливості у фреймворках/браузерах
9. **♿ Доступність**: Найкращі практики для веб-доступності
## 🎯 Оцінка якості контенту
Бажаний вибір:
- Статті з повними прикладами коду
- Контент з описами практичних сценаріїв застосування
- Статті, що містять дані про продуктивність або порівняльні тести
- Офіційна документація та авторитетні джерела
- Детальний обмін інформацією з особистого блогу розробника
Продовжуйте з кроку три.
# Крок 3: Створення документа щотижневого звіту
На основі відфільтрованого та категоризованого контенту створіть структурований щотижневий звіт з розробки фронтенду:
## 📝 Структура щотижневого звіту
«уцінка»
# X найінформативніших статей цього тижня про фронтенд-розробку ([діапазон дат])
## 1. **[Назва - Зосередження на практичній цінності]**
**Короткий виклад:** Основні питання або теми, що обговорюються у статті.
**Причина рекомендації**: Одне речення пояснює, «чому варто прочитати», на відміну від короткого змісту (де вказано, «що це таке», а причина рекомендації — «чому»).
**Посилання на статтю:** https://example.com/article-url
---
[Повторіть наведений вище формат]
```
## ✍️ Вимоги до написання
1. **Переклад назви статті**:
- **Назва статті англійською мовою має бути перекладена китайською мовою.**
- Залишити оригінальне посилання без змін
- Формат назви: Використовуйте назви безпосередньо китайською мовою, не використовуйте формат посилань Markdown.
Приклад: Як оптимізувати продуктивність React
2. **Формат посилання на статтю** (Важливо):
- **Повинна відображатися повна URL-адреса.**
- **Не використовуйте формати посилань Markdown, такі як [цитація](url) або [текст](url).**
- Формат: **Посилання на статтю**: https://example.com/article-url
- Правильний приклад: **Посилання на статтю**: https://shadcnstudio.com/blog/how-to-optimize-shadcn-performance
- Приклад помилки: **Посилання на статтю**: [цитування](https://example.com) або [натисніть тут](https://example.com)
3. **Стислий та зрозумілий:** Кожен елемент контенту має бути обмежений 100-200 словами.
4. **Акцент на практичності**: Зробіть акцент на тому, як застосовувати технологію та які проблеми вона вирішує.
5. **Збережіть оригінальне посилання:**
- Якщо це технічна стаття, використовуйте URL-адресу статті.
- Якщо це твіт, використовуйте URL-адресу твіту.
- Переконайтеся, що посилання доступне
6. **Китайські вирази**: Використовуйте чітку китайську мову; для технічних термінів дотримуйтесь англійської.
7. **Формат часу публікації:** Використовуйте формат РРРР-ММ-ДД (наприклад, 2026-04-09) і не вказуйте конкретний час.
## 📊 Принципи презентації контенту
1. **Надайте пріоритет відображенню технічних статей:** Якщо є і статті, і твіти на одну й ту саму тему, статті відображатимуться першими.
2. **Підтримуйте різноманітність:** Забезпечте охоплення різних типів контенту (інструменти, навчальні посібники, документація тощо)
3. **Зосередьтеся на практичності:** Кожен елемент контенту повинен мати чітку прикладну цінність.
4. **Надайте контекст**: Коротко поясніть, чому варто звернути увагу на цей контент.
## 🚫 Вимоги до форматування
**Не включайте наступне:**
- Не додавайте розділ «Тенденції цього тижня».
- Не додавайте інформацію про "Час генерації".
- Не додавайте жодного резюме чи заключного контенту.
- Підтримуйте свій щотижневий звіт чітким та лаконічним, містячи лише список вибраних статей.
Сформувати повний щотижневий звітний документ.
Опис
Автоматично сканує останні технічні оновлення від 65 провідних фронтенд-розробників та організацій, природним чином отримує високоякісні технічні статті, блоги та офіційну документацію за допомогою оптимізованих стратегій пошуку. Спеціально розроблено для фронтенд-розробників, зосереджуючись на практичних технологіях, оптимізації продуктивності, нових можливостях та покращеннях робочих процесів.
Знайдіть свою наступну улюблену навичку
Досліджуйте більше підібраних AI-навичок для досліджень, творчості та повсякденної роботи.