sangcs321 / Front_end

0 stars 0 forks source link

Tìm hiểu về ReactJs và Ứng dụng đọc báo #1

Open sangcs321 opened 1 week ago

sangcs321 commented 1 week ago

1)ReactJS là gì? 2)Dự án reactJS có khác so với cái dự án lập trình web không? 3)App đọc báo thì cần những gì? 4)Tìm giao diện mẫu cho App Đọc báo?

sangcs321 commented 1 week ago
  1. Là thư viện JavaScipt phổ biến có mã nguồn mở, được dùng để xây dựng UI và UI components. Được phát triển bới Facebook, ReactJS giúp lập trình viên tạo ra UI components có thể tái sử dụng, quản lý trạng thái của components một cách hiệu quả và có thể mở rộng trong tương lai. ReactJS sử dụng virtual(ảo) DOM(Document Object Model) để tối ưu hóa hiệu năng của ứng dụng web. Thay vì cập nhật các DOM thực tế thì ReactJS cập nhật các DOM ảo trước và thực hiện so sánh với DOM thực tế và chỉ cập nhật khi cần thiết, từ đó giảm tổng thể khối lượng công việc. ReactJS có thể được sử dụng để xây dựng một trang ứng dụng, ứng dụng mobile, ứng dụng máy tính để bàn với sự trợ giúp của các framework. ReactJS cũng hỗ trợ hiện thị phía máy chủ giúp dễ dàng xây dựng ứng dụng web thân thiện.
  2. -JSX: ReactJS sử dụng cú pháp gọi là JSX, cho phép lập trình viên viết mã giống HTML trong JavaScript của họ các tập tin. Điều này làm cho mã dễ đọc hơn và dễ dàng bảo trì hơn -Virtual DOM: chỉ cho phép cập nhật những gì cần thiết các phần của DOM thực tế (biểu diễn của giao diện người dùng được lưu giữ trong bộ nhớ và được thư viện đồng bộ hóa với DOM “thực” chẳng hạn như ReactDOM.), dẫn đến cải thiện hiệu suất và hiển thị nhanh hơn. -Tái sử dụng các components: ReactJS cho phép lập trình viên để tạo ra các thành phần có thể tái sử dụng, có thể dễ dàng được sử dụng trên toàn bộ ứng dụng. Điều này giúp giảm bớt sự độ phức tạp của mã tổng thể và cải thiện khả năng sử dụng lại mã

  3. -Thiết kế dababase: thông tin phải được cập nhật mỗi ngày, nội dung phong phú -Thiết kế UI: Chọn màu sắc chủ đạo, tạo sự nổi bật, ấn tượng cho người dùng, tránh lạm dụng quá nhiều màu sắc gây rối mắt người đọc. -Thiết kế các chức năng mở rộng cho app đọc báo: nhúng video youtube vào bài viết(Nếu làm được)

  4. https://www.free-css.com/free-css-templates/page203/newsfeed image

Nhan2108cute commented 1 week ago

1) ReactJS là một thư viện JavaScript front-end mã nguồn mở và miễn phí để xây dựng giao diện người dùng dựa trên các thành phần UI riêng lẻ. Nó được phát triển và duy trì bởi Meta (trước đây là Facebook) và cộng đồng các nhà phát triển và công ty cá nhân. 2) Dự án reactJS được sử dụng Reusable Code (tái sử dụng code) gồm 2 loại: JSX và Virtual DOM. 3) App đọc báo cần : Giao diện thân thiện, thể hiện tin tức theo độ ưu tiên, chia sẻ và lưu trữ, thời gian thực, khả năng đọc offline, bảo mật và quyền riêng tư, tin tức đa nguồn. 4) Giao diện mẫu cho App đọc báo https://www.free-css.com/template-categories/news https://elements.envato.com/fr/web-templates/news Demo giao diện mẫu : Ảnh chụp màn hình 2024-05-05 175814 Ảnh chụp màn hình 2024-05-05 175855 Ảnh chụp màn hình 2024-05-05 175908