React Js là gì? Một thư viện JS mạnh mẽ xây dựng UI – Fullstack Station

22Chia sẽ

Facebook

Twitter

React Js là gì ?

React Js là một thư viện viết bằng javascript, dùng để xây dựng giao diện người dùng (UI). React được sử dụng rộng rãi và có hệ sinh thái đa dạng phong phú. UI tất nhiên là quan trọng, nhưng không phải là tất cả. Để phát triển ứng dụng hoàn chỉnh, một mình React Js là không làm được tất cả, bạn sẽ cần thêm:

  • Server side language: để xử lý logic và lưu trữ dữ liệu trên server.
  • HTML/CSS nếu bạn làm ứng dụng web.
  • Flux/Redux?: là một kiến trúc giúp bạn tổ chức code rõ ràng và sạch sẽ.
  • Objective C: nếu bạn sử dụng React để xây dựng app cho iOS

Liệu bạn có thấy khó hiểu hay đang tự hỏi React Js là cái gì mà ngoài học nó ra bạn còn phải học nhiều thứ khác như vậy ? Hãy bình tĩnh và liên tục !

React Js hoàn toàn có thể làm được những gì ?

React Js là một thư viện javascript dùng để kiến thiết xây dựng UI, UI ở đây được dùng chính ở 2 nền tảng Web và Mobile. Ở nghành Web, sử dụng React Js hoàn toàn có thể đem lại thưởng thức tốt cho người dùng, cũng như năng lực Hot Reload giúp bạn lập trình nhanh hơn .

Ở lĩnh vực mobile, hãy đọc bài React Native là tương lai của lập trình di động. Ở bài này mình đã phân tích rất kỹ về React Native, mà React Js là nền tảng chủ đạo.

Ngoài React Js, hiện tại còn có những tên tuổi nổi tiếng khác như Angular Js hay Vue Js, mình cũng đã có bài nghiên cứu và phân tích so sánh tổng lực React Js và Vue Js .

Hướng dẫn học React Js

Nếu bạn là tay mơ

Hãy dừng lại tại đây, React không giúp bạn tạo một blog hay một site bán hàng hay tạo những hiệu ứng đẹp như những slide hình ảnh … Mình nghĩ không cần nhiều kỹ năng và kiến thức để khởi đầu với React, điều bạn cần chỉ là đam mê với lập trình và muốn trở thành một lập trình viên thực thụ, React trọn vẹn không tương thích với những người thích táy máy như jQuery hay WordPress .

Nếu bạn là Sinh Viên hay là Thực Tập

Nếu bạn là sinh viên đang tìm hiểu về một ngôn ngữ lập trình hay là thực tập đang tìm kiếm hướng đi cho mình, tôi khuyên bạn hãy bắt đầu với React. React được tạo ra với tiêu chí Learn One Write Everywhere. Bạn sẽ học ngôn ngữ, tư duy, kiến trúc một lần và có thể áp dụng vào ít nhất là 2 lĩnh vực đang rất nóng là web và mobile. Thêm nữa, nếu bạn nắm vững React sẽ là rất dễ để tiếp cận với Node JS – javascript phía server. Đặc biệt có rất nhiều công ty sẵn sàng trả mức lương hấp dẫn nếu bạn biết cả 2: Node JS và React – thậm chí chỉ cần một trong hai thứ bạn cũng đủ kỹ năng để làm việc trong doanh nghiệp.

Nếu bạn là một Dev không biết javascript

Bạn có muốn trở thành Full Stack Developer không ? Nếu có, hãy khởi đầu với React. Nếu bạn đang nâng cao về một nghành, hãy xem xét để trở thành một Full Stack Developer .

Nếu bạn là một Web Front-end Dev

Hãy nghĩ về việc làm của bạn, khuynh hướng và nhu yếu của người mua về Front-end ngày càng cao. Front-end không còn đơn thuần là HTML / CSS và jQuery, mỗi ngày nó càng phức tạp, cần nhiều giải quyết và xử lý logic không hề thua kém back-end. Nếu bạn vẫn chưa tưởng tượng được tôi đang muốn nói gì, hãy nghĩ về công dụng chat của Facebook và tạo một ứng dụng như vậy .

Nếu bạn viết tốt javascript và đang dùng Angular

Trước khi khởi đầu với React, tôi cũng đã sử dụng Angular JS cho một vài ứng dụng. Nếu được chọn framework tôi sẽ không sử dụng Angular JS. Tôi thấy Angular nặng nề, không linh động như React. Đặc biệt, nếu bạn đã từng copy code dự án Bất Động Sản này để chuyển qua dự án Bất Động Sản khác, ví dụ như Login Form bạn sẽ hiểu tại sao Angular không hề sánh bằng React trong tính sử dụng lại ( reusability ). Bạn hoàn toàn có thể đọc thêm so sánh giữa Angular và React tại đây. Ngoài ra, một ngày nào đó khi người mua của bạn nghe quá nhiều về React muốn sử dụng vào dự án Bất Động Sản, tôi nghĩ lý do đó cũng quá đủ để bạn khởi đầu học React JS thời điểm ngày hôm nay .

Bắt đầu học React JS như thế nào ?

Như đã nói ở trên, React JS là một framework đơn nhất, nhưng để kiến thiết xây dựng được ứng dụng hoàn hảo, bạn cần nhiều thứ hơn nữa. Đây là list những từ khoá được phân theo mức độ bạn cần phải có trước khi muốn điều tra và nghiên cứu React :

  • Javascript: Ngôn ngữ xây dựng nên React, yêu cầu mức độ trung bình: các khái niệm “object”, “prototype”, “callback” là bắt buộc, nếu bạn chưa biết gì, tôi nghĩ bạn nên đọc tài liệu tại đây và thực hành trong ít nhất 3 tuần trước khi quay lại để bắt đầu.
  • HTML/CSS: yêu cầu mức độ cơ bản nhất.
  • Không cần biết:
    • jQuery: Thực sự là không cần thiết, tuy nhiên, nếu có là một lợi thế.
    • React: Tất nhiên bạn không cần phải biết về React.
    • Flux: Không cần.
    • Flexbox: Không cần.
    • Immutable JS: Không cần.
    • Objective C: Không cần.
    • Node JS: Không cần. Trở thành Fullstack Dev “để mai tính”
    • Java: (dùng cho React trên Android) Không cần.

Xem thêm bài Hướng dẫn bắt đầu học React Js để biết thêm chi tiết.

Fullstack Station Tips

React Js là từ khóa / cái tên được nhắc đến rất nhiều trong năm năm ngoái, cũng như sẽ trở thành đối thủ cạnh tranh cạnh tranh đối đầu trực tiếp với Angular 2. Cho dù 2 cái tên này khác nhau về Lever framework với library, nhưng lựa chọn cái tên nào sẽ đưa bạn đi trên một con đường trọn vẹn khác nhau. Theo cá thể mình, xu thế mới của giới lập trình là chọn những thư viện nhỏ, rồi tổng hợp lại thành core cho nền tảng của mình. Cách làm này có điểm lợi là uyển chuyển, và không nhờ vào vào những framework tức là khi thiết yếu hoàn toàn có thể sửa chữa thay thế. Dù sao thay thế sửa chữa 1 thư viện nó cũng thuận tiện hơn 1 framework. Nếu bạn đi theo hướng này, React Js là thư viện không nên bỏ lỡ !Series NavigationHướng dẫn học React Js >>