React 구성 요소를 효과적으로 사용하기 위한 ash 명령

React 구성요소로 작업하는 것은 특히 대규모 코드베이스의 경우 때로는 어려울 수 있습니다.

이 게시물에서는 작업을 더 쉽게 하기 위해 사용하는 3가지 bash 명령을 공유합니다.

들어가자!

#1: 하드코딩된 텍스트로 구성 요소 찾기

더 쉬운 디버깅을 위해 코드에 일부 값을 하드코딩했을 수도 있습니다.

하지만 제작 전에는 항상 제거하는 것이 좋습니다. 하드 코딩된 텍스트로 인해 현지화가 어려워지고 이는 앱을 세계화하는 데 장애가 됩니다.

앱이 여러 언어를 지원할 수 있도록 다음 명령을 사용하여 하드코딩된 텍스트를 찾을 수 있습니다.

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

#2: 테스트 파일이 누락된 구성요소 식별

낮은 테스트 범위를 디버깅하기 위해 정기적으로 사용하는 또 다른 명령입니다.

모든 구성 요소가 테스트에서 누락된 부분을 찾는 것입니다.

테스트 파일이 누락된 모든 반응 구성 요소를 나열하려면 다음 명령을 사용하세요.

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

#3: 더 이상 사용되지 않는 수명 주기 방법 확인

React 코드베이스를 새 버전으로 업그레이드하는 경우 가장 먼저 직면하게 될 문제는 더 이상 사용되지 않는 수명 주기 방법입니다.

오래된 코드를 사전에 식별하고 보다 원활하게 업그레이드하려면 다음 bash 명령을 실행하세요.

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

그게 다입니다.

React 구성 요소를 사용하는 동안 이 명령이 유용하길 바랍니다.

그리고 자동화하기를 미루고 있는 지루한 코딩 작업이 무엇인지 아래에 댓글로 남겨주세요.

위 내용은 React 구성 요소를 효과적으로 사용하기 위한 ash 명령의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!