Cách để tự tạo cho mình một template trên React Native.
Đối với các bạn làm outsource hoặc các bạn làm nhiều ứng dụng nhỏ để public lên ch-play hoặc appStore. Thông thường các bạn sẽ clone từ source cũ ra sau đó đổi package name, bundleId, name, key,...hoặc các bạn sẽ tạo dự án mới sau đó setup lại các navigation, structure, redux,... yarn lại các thư viện cần thiết. Thì việc này mất khá nhiều thời gian và công sức. Hôm nay mình sẽ hướng dẫn các bạn cách một cách giúp mình tiết kiệm được rất nhiều thời gian và công sức. Let's go.
1. Tạo project react-native.
Tạo dự án template với lệnh như trên.
Chạy lệnh trên để trỏ vào folder dự án.
Chạy lệnh trên để chắc chắn rằng dự án hoạt động tốt.
2.Thiết lập cấu trúc và cài đặt các thư viện.
Việc thiết lập cấu trúc ban đầu cho template là cần thiết vì việc này giúp các bạn định hình rõ được các thành phần của dự án, ngoài ra giúp các bạn hiểu rõ được việc các thành phần tác động qua lại như thế nào trong dự án. Một số cấu trúc cơ bản mà các bạn có thể tham khảo https://medium.com/the-andela-way/how-to-structure-a-react-native-app-for-scale-a29194cd33fc, https://viblo.asia/p/xay-dung-cau-truc-project-voi-react-native-Eb85ogR052G,... hoặc các bạn có thể tìm thêm bằng các keywords như design pattern of react native, structure of react native.
Đây là cấu trúc mà mình thường hay dùng.
Cài đặt các thư viện thường dùng cũng là một cách rất hay trong việc tạo template, việc cài đặt các thư viện thường dùng giúp các bạn tiết kiệm rất nhiều thời gian trong quá trình làm dự án, cài đặt các thư viện thường dùng như navigation, lodash, moment, dayjs,...hoặc một số thư viện liên quan đến việc setup native như appcenter, sentry,... sẽ giúp các bạn chỉ cần setup 1 lần và dùng lại cho các lần sau.
Đây là các thư viện mình thường dùng.
3.Tải hoặc clone repository.
4.Tạo một git repository để lưu trữ template của bạn.
Tạo git repository để lưu trữ template.
5.Đẩy template lên git với một số bước.
Tạo một folder mới với tên mà bạn muốn (ở đây mình tạo với tên là templateToGit).
Đổi tên dự án bạn init ở step 1 thành "template" (Điều này là bắt buộc).
Di chuyển folder template vừa đổi tên vào folder mà bạn đã tạo mới.
Copy 3 files này trong repository mà bạn đã clone về trước đó sau đó paste vào folder mà bạn đã tạo mới.
Đây là kết quả sau khi mình đã paste.
Vào file package.json và đổi các field theo ý bạn mong muốn (Lưu ý repository phải là repository mà bạn đã tạo trước đó).
Tiếp theo chạy các lệnh trên để đẩy template của bạn lên git.
6.Thử nghiệm.
Chạy lệnh trên để khởi tạo dự án với template mà mình đã setup trước đó.
Sau khi thành công các bạn sẽ thấy được dự án bao gồm các file, screens hoặc các thư viện mà các bạn đã setup trước đó trong template.
Tổng kết.
Việc tạo template và tái sử dụng lại nhiều lần sẽ giúp các bạn tiết kiệm nhiều thời gian và công sức. Trong quá trình làm các bạn cũng có thể maintain template để hoàn thiện hơn bằng cách sửa và push lại lên git. Khi sử dụng template các bạn cũng nên lưu ý việc các thư viện bị outdate, cấu trúc hiện tại không phù hợp với dự án mới, hoặc một số thư viện trong template không phù hợp với công nghệ mới mà dự án mới áp dụng. Lời cuối mình không có gì hơn ngoài chúc các bạn thành công. Peace !!