JavaScript đã trở nên phổ biến trong những năm qua, cộng đồng đang phát triển nhanh chóng và các nhà phát triển đang liên tục phát triển và xây dựng các công cụ cho ngôn ngữ này.
Điều này gây khó khăn cho việc quyết định tool/framework/library nào sẽ sử dụng cho một tác vụ cụ thể vì luôn có nhiều lựa chọn cho bạn. Bài viết này sẽ tập trung vào những ưu điểm của các JavaScript frameworks/libraries để tìm ra đâu là lựa tốt nhất cho bạn.
React
React không phải là một framework mà chỉ là một JavaScript Library cho phép tạo ra các ứng dụng web. Nó là mã nguồn mở được phát triển và bảo trì bởi Facebook và cộng đồng.
Ban đầu React được phát triển bởi Jordan Walke như một công cụ nội bộ của Facebook. Sau đó, nó là mã nguồn mở và được phát hành cho công chúng vào năm 2013, và đã trở nên phổ biến sau đó.
Một số tính năng nổi bật như:
- Cung cấp cơ chế responsive, customizable, và reusable component.
- Sử dụng virtual DOM.
- Tốc độ nhanh.
- Code reuse
- Có một hệ sinh thái rộng.
Cách sử dụng React
React có thể sử dụng trên các ứng dụng frontend bằng 2 cách:
- CDN
- NodeJS
Bạn có thể sử dụng React trên CDN bằng cách thêm đoạn script sau vào trang HTML
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
Và cho production
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script> 3 <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
Việc sử dụng React thông qua NodeJS phổ biến hơn, chúng ta có thể cài đặt React thông qua lệnh CMD sau
sudo npm i -g create-react-app --save-dev
Sau khi cài đặt React xong, chúng ta có thể khởi tạo một project ReactJS đơn giản thông qua cmd:
create-react-app my-first-react-application
Sau đó, CD vào thư mục my-first-react-application và chạy lệnh npm start. Mặc định ứng dụng sẽ chạy trên port 3000. Như vậy chúng ta đã có một trang web đơn giản viết bằng react.
VueJS
VueJS là một JavaScript framework tiến bộ dùng để xây dựng các ứng dụng web single page application.
Vue.js là mã nguồn mở và ban đầu được tạo ra bởi Evan You và phát hành công khai vào tháng 2 năm 2014.
Một số tính năng nổi bật như:
- Cung cấp cơ chế responsive, customizable, và reusable component.
- Sử dụng virtual DOM.
- Tốc độ nhanh.
- Code reuse
- Tập trung vào thư viện cốt lõi
- Kết nối một chiều trong các thành phần.
- Phạm vi trong CSS được quản lý mà không có CSS-In-Js.
- Hỗ trợ cho các addon thiết yếu
Sử dụng VueJS
Tương tự, bạn cũng có thể sử dụng VueJS thông qua CDN hoặc NodeJS.
Sử dụng CDN bạn có thể thêm script sau vào trang HTML trong phần header.
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
Và với NodeJS thì cực kỳ đơn giản với lệnh sau
npm install vue
Angular
Angular là một JavaScript framework được dùng để phát triển các trang web động, single page. Nó cho phép sử dụng HTML như một ngôn ngữ mẫu và cho phép sử dụng cú pháp HTML để diễn đạt thành phần của ứng dụng một cách rõ ràng và ngắn gọn.
Đây là một dự án mã nguồn mở do Google và các cộng tác viên khác duy trì. Để sử dụng Angular chúng ta có thể tải nó thông qua NodeJS
npm install -g @angular/cli
Và để khởi tạo một project angular cũng dễ dàng không kém
ng new my-first-angular-app
Kết luận
Các framework/lib được kể trên đều là những lựa chọn tốt để bắt đầu học và phát triển ứng dụng web. Dưới đây là một số tóm tắt về chúng:
- Bạn phải học Angular nếu bạn muốn có một Framework mà bạn muốn xây dựng mà không cần phải đối phó với các phụ thuộc bên ngoài.
- Bạn nên học React nếu bạn muốn xây dựng một ứng dụng PWA, Single Page một cách nhanh chóng và sử dụng được JSX.
- React có cộng đồng sôi động nhất và nhiều cơ hội việc làm hơn do cộng đồng lớn của nó.
- React tương đối dễ sử dụng.
- React có khả năng tùy biến cao và coi mọi phần tử UI như một component.
- Vue có những lợi ích tương tự như React nhưng không có JSX.
- Thị trường việc làm của Vue không ngừng phát triển.