, October 26, 2021

0 kết quả được tìm thấy

So sánh Flutter vs React Native: Framework nào đáng học năm 2021


  •   4 min reads
So sánh Flutter vs React Native: Framework nào đáng học năm 2021

Điểm chung của Flutter, React Native đều là Cross-platform Mobile, build native cho cả Android và iOS. Cả 2 có thể giao tiếp với native để viết các Module base on native (gần như bắt buộc).

1.Flutter

Ưu điểm:

  • Mạnh về animation, performance app rất cao. Cơ chế render có thể giao tiếp trực tiếp với GPU.
  • Back bởi Google.
  • Giao tiếp gần như trực tiếp với native.
  • Archive (build production) hoàn toàn là file thực thi native.
  • Static language nhưng với syntax hiện đại, compiler linh động giữa AOT (for archive, build prod)JIT (for development, hot reload).
  • Flutter chạy được giả lập mobile ngay trên web, tiện cho development. Các metric measure performance được hỗ trợ sẵn giúp developer kiểm soát tốt performance của app.
  • Flutter có thể dùng để build các bundle/framework gắn và app native để tăng performance.
  • UI/UX Android và iOS có thể giống hệt nhau (vì không sử dụng tầng UI có sẵn của native).
  • Hỗ trợ đa nền tảng: Android, iOS, Desktop, Linux, Embbed System.

Nhược điểm:

  • Bộ render UI được team author Flutter gần như viết lại, không liên quan tới UI có sẵn của Framework native, dẫn đến memory sử dụng khá nhiều.
  • Phải học thêm ngôn ngữ DART. Dù dễ và thân thiện nhưng đây cũng là 1 rào cản quan trọng cần cân nhắc.
  • Update quá nhanh… ngủ dậy sau một giấc thấy version tăng 2 số là bình thường. Hiện đã stable nhiều hơn, với khi update cũng hiếm bị breaking change (lỗi source cũ).
  • Do là một framework có tuổi đời rất trẻ, cộng đồng dù vẫn đang phát triển rất nhanh, nhưng ở Việt Nam thì mới nổi lên 2 năm gần đây.

2.React Native

Ưu điểm:

  • Thiên về development/hotfix nhanh (hot reload, bundle injection). Có cơ chế inject gói js vào app để hotfix cực lẹ.
  • Sử dụng JS (quen thuộc với nhiều developer) và có thể share business logic codebase với frontend (js). Từ đó cũng dễ học, dễ tuyển người hơn.
  • Back bởi Facebook.
  • Hiện tại đã rất nhiều thư viện, gần như đã rất đầy đủ cho các nhu cầu app thông dụng.

Nhược điểm:

  • Giao tiếp với native thông qua các bridge, dễ bị bottleneck nếu không được kiểm soát tốt. Hiện cơ chế này đã cải thiện đáng kể với V8 engine.
  • Dùng JS nên mang theo các đặc điểm của JS: rất dễ làm nhưng về sau sẽ càng khó, sẽ khó maintain nếu không có dev xịn.
  • Hiệu năng animation là điểm yếu của RN, muốn làm tốt phải làm từ native, tầng js chỉ call vào, setup views. Tuy nhiên với các interactive animation thì rất đau khổ.
  • Không thích hợp cho các app cần năng lực tính toán cao (hash, crypto, etc). Lúc này cần xuống tầng native code nhiều hơn.

Tóm lại

Flutter cực kì phù hợp với các dự án cần yêu cầu animation phức tạp, mượt mà. Với thế mạnh sử dụng bộ render tự làm, giao tiếp trực tiếp với GPU và một SDK để viết animation dễ dàng, có thể nói viết app như viết game. Các team native có thể dùng Flutter làm thêm các UX có hiệu năng cao vào app native có sẵn. Flutter Developer hiện tại chưa nhiều, sẽ khó tìm người hơn.

React Native phù hợp với các team dùng Javascript là chủ đạo (React, Node,…), app không cần animation phức tạp. RN hiện tại tuyển người khá/rất dễ so với Flutter.

Về quan điểm cá nhân 200Lab, sau 2 năm dùng React Native, cuối cùng chọn Flutter cho toàn bộ các dự án mobile. Bên mình tin rằng Flutter sẽ sớm được ưu chuộng không chỉ với Mobile App mà còn với cả Website.

Hiện đã khá nhiều doanh nghiệp bắt đầu để ý đến Flutter, chuyển các dự án cũ sang Flutter. Rất nhiều học viên của 200Lab vì điều này đã tìm đến 200Lab. Còn các bạn thì sao, hãy comment để cho 200Lab thêm các góc nhìn khác nhé!

Đây là bài viết so sánh tóm tắt giữa Flutter vs React Native, nếu bạn muốn xem bài so sánh chi tiết hơn thì xem bài viết dưới đây:

Flutter vs React Native: Lựa chọn nào tốt nhất hiện nay
Flutter vs React Native? Có bao giờ bạn thắc mắc liệu sử dụng “vũ khí” nào sẽ thích hợp hơn cho dự án tiếp theo của bạn? Nếu bạn là người mới, bạn đang băn khoăn tự hỏi xem ngôn ngữ nào đáng để bạn bắt đầu chinh phục nó từ bây giờ

Bài viết liên quan

[FREE EBOOK] TIPS & TRICKS GIÚP X3 TỐC ĐỘ CODE FLUTTER CỦA BẠN

Cuốn ebook "TIPS & TRICKS GIÚP X3 TỐC ĐỘ CODE FLUTTER CỦA BẠN" chỉ ra 32 trường hợp giúp bạn code nhanh hơn so với việc code thông thường...

[FREE EBOOK] TIPS & TRICKS GIÚP X3 TỐC ĐỘ CODE FLUTTER CỦA BẠN
Flutter 2.5 có gì mới?

Bản phát hành Flutter 2.5 lần này có rất nhiều bản cập nhật mới thú vị. Cùng bắt đầu tìm hiểu trong bài viết này nhé!...

Flutter 2.5 có gì mới?
Tìm hiểu Flutter Opacity Widget qua ví dụ cơ bản

Bài viết sau sẽ giới thiệu một cách tổng quan về Opacity widget và cung cấp đoạn code để bạn có thể tự thực hành thông qua những ví dụ cơ bản....

Tìm hiểu Flutter Opacity Widget qua ví dụ cơ bản
Flutter Tutorial 2021 #34 - Hướng dẫn tạo hiệu ứng "fancy" khi chuyển màn hình

Thêm một hiệu ứng mới nữa mà các bạn sẽ được giới thiệu tới! Đó chính là hiệu ứng "fancy" khi chuyển màn hình. Hiệu ứng này sẽ giúp tăng trải nghiệm và gây ấn tượng cực mạnh với người dùng....

Flutter Tutorial 2021 #34 - Hướng dẫn tạo hiệu ứng "fancy" khi chuyển màn hình
Flutter Tutorial 2021 #33 - "Giao tiếp" giữa 2 màn hình bất kỳ trong Flutter

Làm sao để giao tiếp 2 hoặc 3, 4 màn hình trong app với nhau? Chúng ta cùng xem video bên dưới để hiểu được cách truyền dữ liệu từ màn hình A sang màn hình B và ngược lại nhé!...

Flutter Tutorial 2021 #33 - "Giao tiếp" giữa 2 màn hình bất kỳ trong Flutter
You've successfully subscribed to 200Lab Blog
Great! Next, complete checkout for full access to 200Lab Blog
Xin chào mừng bạn đã quay trở lại
OK! Tài khoản của bạn đã kích hoạt thành công.
Success! Your billing info is updated.
Billing info update failed.
Your link has expired.