Commandes ash pour travailler efficacement avec les composants React

Travailler avec des composants React peut parfois devenir intimidant, surtout avec de grandes bases de code.

Dans cet article, je partage 3 commandes bash que j'utilise pour faciliter une partie de ce travail.

Plongeons-nous !

#1 : Rechercher des composants avec du texte codé en dur

Pour un débogage plus facile, vous avez peut-être codé certaines valeurs dans le code.

Mais c’est toujours une bonne idée de s’en débarrasser avant la mise en production. Comme le codage en dur du texte rend la localisation difficile, ce qui devient un obstacle à la mondialisation de l'application.

Vous pouvez utiliser la commande suivante pour rechercher du texte codé en dur, afin que votre application puisse prendre en charge plusieurs langues :

grep -Er "['\"].*['\"]" src/**/*.jsx | grep -v 'i18n' | tee hardcoded_text.log

#2 : identifier les composants manquant dans un fichier de test

Une autre commande que j'utilise régulièrement pour déboguer une faible couverture de test.

C'est pour trouver ce que tous les composants manquent à un test.

Utilisez cette commande pour répertorier tous les composants de réaction pour lesquels il manque un fichier de test :

find src -name '*.jsx' | sed 's/.jsx$/.test.js/' | while read file; do [ ! -f "$file" ] && echo "Missing test: $file"; done

# 3 : Vérifiez les méthodes de cycle de vie obsolètes

Si vous mettez à niveau votre base de code React vers une nouvelle version, le premier problème auquel vous serez confronté est celui de la méthode de cycle de vie obsolète.

Exécutez la commande bash suivante pour identifier de manière proactive le code obsolète et des mises à niveau plus fluides.

grep -Er '(componentWillMount|componentWillReceiveProps|componentWillUpdate)' src/**/*.jsx

Et c'est tout.

J'espère que ces commandes vous seront utiles lorsque vous travaillerez avec des composants React.

Commentez également ci-dessous quelle tâche de codage ennuyeuse tergiversez-vous pour automatiser ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!