# Крок 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. **Надайте контекст**: Коротко поясніть, чому варто звернути увагу на цей контент.

## 🚫 Вимоги до форматування

**Не включайте наступне:**

- Не додавайте розділ «Тенденції цього тижня».

- Не додавайте інформацію про "Час генерації".

- Не додавайте жодного резюме чи заключного контенту.

- Підтримуйте свій щотижневий звіт чітким та лаконічним, містячи лише список вибраних статей.

Сформувати повний щотижневий звітний документ.