使用 react 组件有时会让人望而生畏,尤其是对于大型代码库。
在这篇文章中,我将分享 3 个 bash 命令,我用它们来使一些工作变得更容易。
让我们开始吧!
#1:查找具有硬编码文本的组件
为了更轻松地调试,您可能在代码中对某些值进行了编码。
但在生产之前摆脱它们总是一个好主意。由于硬编码文本使得本地化变得困难,这成为应用程序全球化的障碍。
您可以使用以下命令查找硬编码文本,以便您的应用可以支持多种语言:
1
grep -er "["].*["]" src/**/*.jsx | grep -v i18n | tee hardcoded_text.log
#2:识别缺少测试文件的组件
我经常用来调试低测试覆盖率的另一个命令。
它是为了找出所有组件错过测试的地方。
使用此命令列出所有缺少测试文件的 react 组件:
1
find src -name *.jsx | sed s/.jsx$/.test.js/ | while read file; do [ ! -f "$file" ] && echo "missing test: $file"; done
#3:检查已弃用的生命周期方法
如果您要将 react 代码库升级到新版本,您将面临的第一个问题是已弃用的生命周期方法。
运行以下bash命令可以主动识别过时的代码,让升级更顺畅。
1
grep -Er (componentWillMount|componentWillReceiveProps|componentWillUpdate) src/**/*.jsx
希望您在使用 react 组件时会发现这些命令很有用。
另外,请在下面评论您正在拖延哪些无聊的编码任务来自动化?
以上就是ash 命令有效地使用 React 组件的详细内容,更多请关注php中文网其它相关文章!