Làm việc với các React Component đôi khi có thể trở nên khó khăn, đặc biệt là với những codebase lớn. Bài viết này chia sẻ 3 lệnh bash hữu ích giúp đơn giản hóa một số công việc khi làm việc với React Component.
1. Tìm các thành phần có văn bản được mã hóa cứng
Nỗi ám ảnh của việc quốc tế hóa ứng dụng đến từ những đoạn text được "hardcode" trực tiếp vào mã nguồn. Việc này gây khó khăn cho việc bản địa hóa, cản trở ứng dụng tiếp cận người dùng toàn cầu.
Bạn có thể sử dụng lệnh sau để tìm văn bản được mã hóa cứng, để ứng dụng của bạn có thể hỗ trợ nhiều ngôn ngữ:
grep -Er "['\"].*['\"]" src/**/*.jsx | grep -v 'i18n' | tee hardcoded_text.log
2. Xác định những component nào chưa có file test
Một lệnh hữu ích khác thường được sử dụng để kiểm tra độ bao phủ của test, đó là tìm ra những component nào chưa có file test tương ứng.
Bạn có thể sử dụng lệnh sau:
find src -name '*.jsx' | sed 's/.jsx$/.test.js/' | while read file; do [ ! -f "$file" ] && echo "Missing test: $file"; done
3. Kiểm tra các phương thức lifecycle bị deprecated
Việc nâng cấp codebase React lên phiên bản mới thường gặp phải vấn đề về các phương thức lifecycle bị deprecated.
Chạy lệnh bash sau để chủ động xác định mã lỗi thời và nâng cấp mượt mà hơn.
grep -Er '(componentWillMount|componentWillReceiveProps|componentWillUpdate)' src/**/*.jsx
Và thế là xong.
Hy vọng bạn thấy những lệnh này hữu ích khi làm việc với các thành phần React.