0

3 lệnh Bash hữu ích cho lập trình viên React

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.


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí