Les N articles les plus instructifs sur le développement front-end cette semaine
Instructions
Étape 1 : Analyser 65 sources d’information principales destinées au grand public
Vous devez rechercher les 65 sujets technologiques les plus récents concernant les développeurs front-end et les organisations (au cours des 7 derniers jours) :
## 🏢 Comptes institutionnels (17)
@reactjs, @vuejs, @angular, @sveltejs, @nextjs, @vercel, @remix_run, @astrodotbuild, @vite_js, @webpack, @tailwindcss, @typescript, @nodejs, @denoland, @bunjavascript, @stackblitz, @codesandbox
## 👤 Comptes personnels (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
## Méthode de numérisation
Utilisez Google Search pour rechercher du contenu technique lié à ces comptes, en employant une stratégie de recherche optimisée :
**Première sélection : Experts Front-End de base** (Recherche prioritaire, qualité optimale)
- Comptes : @dan_abramov, @youyuxi, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @addyosmani, @jaffathecake
- Format de recherche : `@dan_abramov OU @youyuxi OU @rauchg OU @leeerob OU @shadcn OU @t3dotgg OU @kentcdodds OU @addyosmani OU @jaffathecake tutoriel d'optimisation des performances du framework de la bibliothèque d'outils`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général" (L'utilisation de la catégorie générale donnera les meilleurs résultats)
**Deuxième lot : Comptes officiels du cadre**
- Comptes : @reactjs, @vuejs, @nextjs, @vercel, @sveltejs, @remix_run, @astrodotbuild, @vite_js, @tailwindcss, @typescript
- Format de recherche : `@reactjs OU @vuejs OU @nextjs OU @vercel OU @sveltejs OU @remix_run OU @astrodotbuild OU @vite_js OU @tailwindcss OU @typescript release update feature`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général"
**Troisième groupe : Autres experts en développement front-end**
- Comptes : @antfu7, @shuding_, @wesbos, @paul_irish, @argyleink, @Una, @chriscoyier, @cassidoo, @Rich_Harris
- Format de recherche : `@antfu7 OU @shuding_ OU @wesbos OU @paul_irish OU @argyleink OU @Una OU @chriscoyier OU @cassidoo OU @Rich_Harris conseil sur les meilleures pratiques`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général"
**Lot 4 : Outils et environnements d’exécution**
- Comptes : @nodejs, @denoland, @bunjavascript, @webpack, @stackblitz, @codesandbox
- Format de recherche : `@nodejs OU @denoland OU @bunjavascript OU @webpack OU @stackblitz OU @codesandbox performance release`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général"
**Cinquième promotion : Experts en accessibilité et CSS**
- Comptes : @ericwbailey, @mmatuzo, @heydonworks, @csswizardry, @smashingmag
- Format de recherche : `@ericwbailey OU @mmatuzo OU @heydonworks OU @csswizardry OU @smashingmag modèle d'accessibilité`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général"
## Points clés
- **N'utilisez pas** `excludeDomains` ou `includeDomains` ; laissez Google trier naturellement.
- **Ne limitez pas** la recherche à des sites web spécifiques ; laissez l’algorithme renvoyer les résultats les plus pertinents.
**Point clé :** Utilisez des combinaisons de mots clés précises pour un référencement naturel optimal des articles techniques de haute qualité.
- **Stratégie :** Effectuer des recherches par lots pour assurer la couverture de toutes les sources, chaque lot utilisant des mots clés légèrement différents pour correspondre à différents types de contenu.
Passez à l'étape deux.
Étape 2 : Filtrage et classification intelligents
Filtrez les résultats de recherche pour trouver le contenu qui répond aux critères suivants :
## ✅ Critères de rétention (ordre de priorité)
1. **Articles techniques approfondis** (priorité maximale)
- Articles originaux sur mon blog technique personnel
- Documentation officielle et journal des modifications
- Tutoriels pour les plateformes techniques (Dev.to, Medium, CSS-Tricks, etc.)
- Fichier README et documentation du dépôt GitHub
2. **Services publics et bibliothèques**
- Outils, bibliothèques et frameworks front-end récemment publiés ou mis à jour
- Comprend des instructions d'utilisation et des exemples de code
3. **Techniques de développement et meilleures pratiques**
- Techniques de codage qui peuvent être appliquées directement
- Méthodes d'optimisation des performances
- Modèles de conception architecturale
4. **Mise à jour officielle**
- Notes de mise à jour de la version du framework
- Documentation relative aux modifications de l'API
- Guide de migration
5. **Tweets de haute qualité** (en complément)
- Conservé uniquement si le tweet contient une description technique complète ou un lien vers un article de haute qualité.
Le tweet lui-même est riche en contenu, incluant des exemples de code ou des explications détaillées.
## ❌ Normes de filtration
- Tweets à caractère purement social (likes, retweets, commentaires simples)
- Contenu non technique tel que la vie personnelle, le recrutement et la promotion de conférences.
- Un contenu trop basique ou trop ciblé
- Informations en double ou similaires
- Contenu d'actualité et d'information (sauf s'il contient des détails techniques)
- Liens vers des vidéos et des podcasts (contenu textuel privilégié)
- Promotion de produits axée sur le marketing
## 📊 Système de classification
Le contenu filtré est divisé dans les catégories suivantes :
1. **🛠️ Outils et bibliothèques** : Nouveaux outils, mises à jour de bibliothèques et plugins utiles.
2. **⚡ Optimisation des performances** : Techniques d’amélioration des performances et solutions d’optimisation
3. **💡 Compétences en développement** : Techniques de codage et bonnes pratiques
4. **🎨 UI/UX** : Techniques de développement d’interface, d’animation et de style
5. **Architecture et motifs :** Conception architecturale et motifs de conception
6. **🔧 Flux de travail** : Optimisation du processus de développement et de la chaîne d’outils
7. **📱 Multiplateforme :** Développement mobile et de bureau
8. **Nouvelles fonctionnalités** : Nouvelles fonctionnalités dans les frameworks/navigateurs
9. **♿ Accessibilité** : Bonnes pratiques pour l’accessibilité Web
## 🎯 Évaluation de la qualité du contenu
Choix préféré :
- Articles avec exemples de code complets
- Contenu comportant des descriptions de scénarios d'application pratiques
- Articles contenant des données de performance ou des tests comparatifs
- Documentation officielle et sources faisant autorité
- Un partage approfondi tiré du blog personnel d'un développeur
Passez à l'étape trois.
Étape 3 : Générer le document de rapport hebdomadaire
À partir du contenu filtré et catégorisé, générez un rapport hebdomadaire structuré sur le développement front-end :
## 📝 Structure du rapport hebdomadaire
```markdown
# Les X articles les plus instructifs de la semaine sur le développement front-end ([période])
## 1. **[Titre - Mettre l'accent sur la valeur pratique]**
**Résumé :** Les principaux problèmes ou thèmes abordés dans l'article.
**Motif de recommandation** : Une seule phrase explique « pourquoi cela vaut la peine d’être lu », contrairement à un résumé (qui indique « ce que c’est », tandis que le motif de recommandation indique « pourquoi »).
**Lien vers l'article :** https://example.com/article-url
---
[Répétez le format ci-dessus]
```
## ✍️ Exigences de rédaction
1. **Traduction du titre de l'article** :
- **Le titre de l'article en anglais doit être traduit en chinois.**
- Conservez le lien d'origine inchangé
- Format du titre : Utilisez directement les titres chinois, n’utilisez pas le format de lien Markdown.
Exemple : Comment optimiser les performances de React
2. **Format du lien de l'article** (Important) :
- **L'adresse URL complète doit être affichée directement.**
- **N'utilisez pas les formats de liens Markdown tels que [citation](url) ou [text](url).**
- Format : **Lien vers l’article** : https://example.com/article-url
Exemple correct : **Lien vers l’article** : https://shadcnstudio.com/blog/how-to-optimize-shadcn-performance
Exemple d'erreur : **Lien vers l'article** : [citation](https://example.com) ou [cliquez ici](https://example.com)
3. **Concise et clair :** Chaque élément de contenu doit être limité à 100-200 mots.
4. **L'accent est mis sur l'aspect pratique :** Mettez l'accent sur la manière d'appliquer la technologie et sur les problèmes qu'elle résout.
5. **Conservez le lien d'origine :**
- S'il s'agit d'un article technique, utilisez l'URL de l'article.
- S'il s'agit d'un tweet, utilisez l'URL du tweet.
- Assurez-vous que le lien est accessible
6. **Expressions chinoises :** Utilisez un chinois clair ; réservez l'anglais aux termes techniques.
7. **Format de l'heure de publication :** Utilisez le format AAAA-MM-JJ (par exemple, 2026-04-09) et n'incluez pas l'heure précise.
## 📊 Principes de présentation du contenu
1. **Priorité à l'affichage des articles techniques :** S'il existe à la fois des articles et des tweets sur le même sujet, les articles seront affichés en premier.
2. **Maintenir la diversité :** Assurer la couverture de différents types de contenu (outils, tutoriels, documentation, etc.).
3. **Misez sur l'aspect pratique :** Chaque contenu doit avoir une valeur d'application claire.
4. **Fournir le contexte :** Expliquez brièvement pourquoi ce contenu mérite qu’on s’y attarde.
## 🚫 Exigences de mise en forme
**Ne pas inclure les éléments suivants :**
- N'ajoutez pas de section « Tendances de la semaine ».
- Ne pas ajouter d'informations sur la « Génération ».
- N'ajoutez aucun résumé ni contenu de conclusion.
- Veillez à ce que votre rapport hebdomadaire soit clair et concis, ne contenant qu'une liste d'articles sélectionnés.
Générer un rapport hebdomadaire complet.
description
Ce système analyse automatiquement les dernières mises à jour technologiques de 65 développeurs et organisations front-end de premier plan, en extrayant naturellement des articles techniques, des blogs et de la documentation officielle de haute qualité grâce à une stratégie de recherche optimisée. Conçu spécifiquement pour les développeurs front-end, il met l'accent sur les techniques pratiques, les optimisations de performance, les nouvelles fonctionnalités et les améliorations des flux de travail.
Les N articles les plus instructifs sur le développement front-end cette semaine
Instructions
Étape 1 : Analyser 65 sources d’information principales destinées au grand public
Vous devez rechercher les 65 sujets technologiques les plus récents concernant les développeurs front-end et les organisations (au cours des 7 derniers jours) :
## 🏢 Comptes institutionnels (17)
@reactjs, @vuejs, @angular, @sveltejs, @nextjs, @vercel, @remix_run, @astrodotbuild, @vite_js, @webpack, @tailwindcss, @typescript, @nodejs, @denoland, @bunjavascript, @stackblitz, @codesandbox
## 👤 Comptes personnels (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
## Méthode de numérisation
Utilisez Google Search pour rechercher du contenu technique lié à ces comptes, en employant une stratégie de recherche optimisée :
**Première sélection : Experts Front-End de base** (Recherche prioritaire, qualité optimale)
- Comptes : @dan_abramov, @youyuxi, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @addyosmani, @jaffathecake
- Format de recherche : `@dan_abramov OU @youyuxi OU @rauchg OU @leeerob OU @shadcn OU @t3dotgg OU @kentcdodds OU @addyosmani OU @jaffathecake tutoriel d'optimisation des performances du framework de la bibliothèque d'outils`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général" (L'utilisation de la catégorie générale donnera les meilleurs résultats)
**Deuxième lot : Comptes officiels du cadre**
- Comptes : @reactjs, @vuejs, @nextjs, @vercel, @sveltejs, @remix_run, @astrodotbuild, @vite_js, @tailwindcss, @typescript
- Format de recherche : `@reactjs OU @vuejs OU @nextjs OU @vercel OU @sveltejs OU @remix_run OU @astrodotbuild OU @vite_js OU @tailwindcss OU @typescript release update feature`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général"
**Troisième groupe : Autres experts en développement front-end**
- Comptes : @antfu7, @shuding_, @wesbos, @paul_irish, @argyleink, @Una, @chriscoyier, @cassidoo, @Rich_Harris
- Format de recherche : `@antfu7 OU @shuding_ OU @wesbos OU @paul_irish OU @argyleink OU @Una OU @chriscoyier OU @cassidoo OU @Rich_Harris conseil sur les meilleures pratiques`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général"
**Lot 4 : Outils et environnements d’exécution**
- Comptes : @nodejs, @denoland, @bunjavascript, @webpack, @stackblitz, @codesandbox
- Format de recherche : `@nodejs OU @denoland OU @bunjavascript OU @webpack OU @stackblitz OU @codesandbox performance release`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général"
**Cinquième promotion : Experts en accessibilité et CSS**
- Comptes : @ericwbailey, @mmatuzo, @heydonworks, @csswizardry, @smashingmag
- Format de recherche : `@ericwbailey OU @mmatuzo OU @heydonworks OU @csswizardry OU @smashingmag modèle d'accessibilité`
- Durée de conservation : fraîcheur="semaine"
- catégorie="général"
## Points clés
- **N'utilisez pas** `excludeDomains` ou `includeDomains` ; laissez Google trier naturellement.
- **Ne limitez pas** la recherche à des sites web spécifiques ; laissez l’algorithme renvoyer les résultats les plus pertinents.
**Point clé :** Utilisez des combinaisons de mots clés précises pour un référencement naturel optimal des articles techniques de haute qualité.
- **Stratégie :** Effectuer des recherches par lots pour assurer la couverture de toutes les sources, chaque lot utilisant des mots clés légèrement différents pour correspondre à différents types de contenu.
Passez à l'étape deux.
Étape 2 : Filtrage et classification intelligents
Filtrez les résultats de recherche pour trouver le contenu qui répond aux critères suivants :
## ✅ Critères de rétention (ordre de priorité)
1. **Articles techniques approfondis** (priorité maximale)
- Articles originaux sur mon blog technique personnel
- Documentation officielle et journal des modifications
- Tutoriels pour les plateformes techniques (Dev.to, Medium, CSS-Tricks, etc.)
- Fichier README et documentation du dépôt GitHub
2. **Services publics et bibliothèques**
- Outils, bibliothèques et frameworks front-end récemment publiés ou mis à jour
- Comprend des instructions d'utilisation et des exemples de code
3. **Techniques de développement et meilleures pratiques**
- Techniques de codage qui peuvent être appliquées directement
- Méthodes d'optimisation des performances
- Modèles de conception architecturale
4. **Mise à jour officielle**
- Notes de mise à jour de la version du framework
- Documentation relative aux modifications de l'API
- Guide de migration
5. **Tweets de haute qualité** (en complément)
- Conservé uniquement si le tweet contient une description technique complète ou un lien vers un article de haute qualité.
Le tweet lui-même est riche en contenu, incluant des exemples de code ou des explications détaillées.
## ❌ Normes de filtration
- Tweets à caractère purement social (likes, retweets, commentaires simples)
- Contenu non technique tel que la vie personnelle, le recrutement et la promotion de conférences.
- Un contenu trop basique ou trop ciblé
- Informations en double ou similaires
- Contenu d'actualité et d'information (sauf s'il contient des détails techniques)
- Liens vers des vidéos et des podcasts (contenu textuel privilégié)
- Promotion de produits axée sur le marketing
## 📊 Système de classification
Le contenu filtré est divisé dans les catégories suivantes :
1. **🛠️ Outils et bibliothèques** : Nouveaux outils, mises à jour de bibliothèques et plugins utiles.
2. **⚡ Optimisation des performances** : Techniques d’amélioration des performances et solutions d’optimisation
3. **💡 Compétences en développement** : Techniques de codage et bonnes pratiques
4. **🎨 UI/UX** : Techniques de développement d’interface, d’animation et de style
5. **Architecture et motifs :** Conception architecturale et motifs de conception
6. **🔧 Flux de travail** : Optimisation du processus de développement et de la chaîne d’outils
7. **📱 Multiplateforme :** Développement mobile et de bureau
8. **Nouvelles fonctionnalités** : Nouvelles fonctionnalités dans les frameworks/navigateurs
9. **♿ Accessibilité** : Bonnes pratiques pour l’accessibilité Web
## 🎯 Évaluation de la qualité du contenu
Choix préféré :
- Articles avec exemples de code complets
- Contenu comportant des descriptions de scénarios d'application pratiques
- Articles contenant des données de performance ou des tests comparatifs
- Documentation officielle et sources faisant autorité
- Un partage approfondi tiré du blog personnel d'un développeur
Passez à l'étape trois.
Étape 3 : Générer le document de rapport hebdomadaire
À partir du contenu filtré et catégorisé, générez un rapport hebdomadaire structuré sur le développement front-end :
## 📝 Structure du rapport hebdomadaire
```markdown
# Les X articles les plus instructifs de la semaine sur le développement front-end ([période])
## 1. **[Titre - Mettre l'accent sur la valeur pratique]**
**Résumé :** Les principaux problèmes ou thèmes abordés dans l'article.
**Motif de recommandation** : Une seule phrase explique « pourquoi cela vaut la peine d’être lu », contrairement à un résumé (qui indique « ce que c’est », tandis que le motif de recommandation indique « pourquoi »).
**Lien vers l'article :** https://example.com/article-url
---
[Répétez le format ci-dessus]
```
## ✍️ Exigences de rédaction
1. **Traduction du titre de l'article** :
- **Le titre de l'article en anglais doit être traduit en chinois.**
- Conservez le lien d'origine inchangé
- Format du titre : Utilisez directement les titres chinois, n’utilisez pas le format de lien Markdown.
Exemple : Comment optimiser les performances de React
2. **Format du lien de l'article** (Important) :
- **L'adresse URL complète doit être affichée directement.**
- **N'utilisez pas les formats de liens Markdown tels que [citation](url) ou [text](url).**
- Format : **Lien vers l’article** : https://example.com/article-url
Exemple correct : **Lien vers l’article** : https://shadcnstudio.com/blog/how-to-optimize-shadcn-performance
Exemple d'erreur : **Lien vers l'article** : [citation](https://example.com) ou [cliquez ici](https://example.com)
3. **Concise et clair :** Chaque élément de contenu doit être limité à 100-200 mots.
4. **L'accent est mis sur l'aspect pratique :** Mettez l'accent sur la manière d'appliquer la technologie et sur les problèmes qu'elle résout.
5. **Conservez le lien d'origine :**
- S'il s'agit d'un article technique, utilisez l'URL de l'article.
- S'il s'agit d'un tweet, utilisez l'URL du tweet.
- Assurez-vous que le lien est accessible
6. **Expressions chinoises :** Utilisez un chinois clair ; réservez l'anglais aux termes techniques.
7. **Format de l'heure de publication :** Utilisez le format AAAA-MM-JJ (par exemple, 2026-04-09) et n'incluez pas l'heure précise.
## 📊 Principes de présentation du contenu
1. **Priorité à l'affichage des articles techniques :** S'il existe à la fois des articles et des tweets sur le même sujet, les articles seront affichés en premier.
2. **Maintenir la diversité :** Assurer la couverture de différents types de contenu (outils, tutoriels, documentation, etc.).
3. **Misez sur l'aspect pratique :** Chaque contenu doit avoir une valeur d'application claire.
4. **Fournir le contexte :** Expliquez brièvement pourquoi ce contenu mérite qu’on s’y attarde.
## 🚫 Exigences de mise en forme
**Ne pas inclure les éléments suivants :**
- N'ajoutez pas de section « Tendances de la semaine ».
- Ne pas ajouter d'informations sur la « Génération ».
- N'ajoutez aucun résumé ni contenu de conclusion.
- Veillez à ce que votre rapport hebdomadaire soit clair et concis, ne contenant qu'une liste d'articles sélectionnés.
Générer un rapport hebdomadaire complet.
description
Ce système analyse automatiquement les dernières mises à jour technologiques de 65 développeurs et organisations front-end de premier plan, en extrayant naturellement des articles techniques, des blogs et de la documentation officielle de haute qualité grâce à une stratégie de recherche optimisée. Conçu spécifiquement pour les développeurs front-end, il met l'accent sur les techniques pratiques, les optimisations de performance, les nouvelles fonctionnalités et les améliorations des flux de travail.
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.