Tối ưu lại application Angular trong quá trình phát triển

Đây là bài dịch, bài gốc mọi người có thể đọc ở đây: http://blog.mgechev.com/2017/01/17/angular-in-production/

Trong bài viết này, tôi sẽ điểm qua một lượt các case mà tôi đã từng gặp trong quá trình sử dụng Angular (2 trở lên) với môi trường production.

Hồi tháng Tư, chúng tôi - một team nhỏ thôi - bắt đầu với một dự án về học tập: một phiên bản nâng cấp từ Angular 1 cho sản phẩm mà chúng tôi đã phát triển từ trước đó 3 năm.

Sản phẩm này có định hướng nhắm tới trẻ em và phụ huynh. Mục đích của nó là thúc đẩy trẻ em trong việc học toán bằng cách đưa ra các mức phần thưởng. Chúng tôi đã có một phiên bản iOS với hàng trăm ngàn lượt user và giờ đây chúng tôi muốn cung cấp thêm một phiên bản nền web với trải nghiệm tương tự như thế. Từ ban đầu, chúng tôi chọn cách tiếp cận mobile-first, vì đối tượng chính là trẻ em chơi trên di động hay tablet.

Application bao gồm 2 module chính:

• Luồng flow giới thiệu: bao gồm một vài màn hình, giới thiệu và giải thích ý nghĩa của app, đăng kí và đăng nhập ...
• Luồng flow chính của app: bao gồm các chức năng chơi giải đố, chọn phần thưởng, phần dành cho phụ huynh ...

Vì một vài lý do về business, việc phát triển sản phẩm đã bị ngưng lại.

Lựa chọn công nghệ

Một khi cả team đã nắm được các mục tiêu chính cần làm, chúng tôi bắt đầu nghĩ tới việc lựa chọn công nghệ. Chúng tôi có tự đặt ra 1 vài tiêu chuẩn cho công nghệ được lựa chọn:

• Phù hợp với các yêu cầu nghiệp vụ hiện tại.
• Có thể sử dụng lại những kiến thức hay kinh nghiệm đã có.
• Fun to work with