bởi Brian Beach | vào ngày 04 JAN 2024 |

Khi chúng ta bắt đầu năm 2024, tôi muốn dành một khoảnh khắc để làm nổi bật những bài viết hàng đầu từ năm 2023. Không nói thêm, dưới đây là 10 bài viết front-end web và di động phổ biến nhất của năm 2023.

1. Mẫu Backend for Frontends – Trong bài viết này, chúng tôi mô tả cách bạn có thể cải thiện trải nghiệm khách hàng cuối trên Giao diện Người dùng (UI) của bạn bằng cách triển khai mô hình Backend for Frontend và cung cấp cập nhật hình ảnh thời gian thực khi các microservices của bạn phát ra sự kiện về các biến đổi trong các tập hợp lĩnh vực của họ.
2. Apollo GraphQL Federation với AWS AppSync – Apollo Federation là một kiến trúc và quy định được sử dụng để xây dựng và kết nối nhiều dịch vụ GraphQL backend phân tán (micro), mở ra một điểm cuối và schema GraphQL duy nhất cho khách hàng và người tiêu dùng API. Trong bài viết này, chúng tôi giải thích cách thiết lập Cổng Apollo Federation kết nối với các đồ thị con GraphQL được cung cấp bởi AWS AppSync, một dịch vụ GraphQL quản lý đầy đủ, và các đồ thị con Apollo Server tự quản lý chạy trên các chức năng AWS Lambda.
3. Giới thiệu Merged APIs trên AWS AppSync – AWS AppSync là một dịch vụ GraphQL không máy chủ giúp dễ dàng tạo, quản lý, giám sát và bảo mật các API GraphQL của bạn. Trong một API AppSync, các nhà phát triển có thể truy cập dữ liệu từ nhiều nguồn dữ liệu khác nhau bao gồm Amazon DynamoDB, AWS Lambda và các API HTTP. Khi dịch vụ tiếp tục phát triển trong việc sử dụng, khách hàng của chúng tôi đã phải đối mặt với những thách thức liên quan đến sự hợp tác của đội nhóm qua nhiều đội và tài khoản AWS trong một tổ chức. Mỗi API AppSync chỉ có một schema GraphQL duy nhất và các nguồn dữ liệu, bộ giải quyết và các chức năng được cấu hình.
4. Giới thiệu API riêng tư trên AWS AppSync – AWS AppSync là một dịch vụ được quản lý đầy đủ giúp nhà phát triển tạo ra các API GraphQL có thể truy cập, thao tác và kết hợp an toàn dữ liệu từ một hoặc nhiều nguồn dữ liệu. Khi bạn tạo một API GraphQL trên AppSync, một điểm cuối công cộng sẽ được tạo ra có thể được sử dụng để gửi các yêu cầu truy vấn, biến đổi và đăng ký đến API. Tuy nhiên, các máy khách trong mạng riêng, chẳng hạn như một Mạng Riêng ảo Amazon (VPC) hoặc mạng trên cơ sở, sẽ cần một đường mạng thông qua internet để đến được điểm cuối công cộng của AppSync. Điều này có thể là một thách thức đối với khách hàng cần thay đổi chính sách bảo mật và quy tắc tường lửa để gửi yêu cầu đến API AppSync.
5. Xây dựng ứng dụng Next.js nhanh chóng bằng TypeScript và AWS Amplify JavaScript v6 – Chúng tôi vô cùng phấn khích thông báo sự phổ biến rộng rãi của v6 của Thư viện JavaScript AWS Amplify. Bản phát hành này có nhiều cải tiến và tính năng mà cộng đồng của bạn đã yêu cầu. Bản phát hành này cung cấp giảm kích thước gói đáng kể, cải thiện đáng kể về hỗ trợ và hỗ trợ gõ TypeScript, hỗ trợ mã thông báo chạy an toàn và hỗ trợ đầy đủ cho Router ứng dụng Next.js và Hành động máy chủ.
6. Giới thiệu Thế hệ Tiếp theo của Trải nghiệm Phát triển Fullstack của AWS Amplify – AWS Amplify vừa công bố bản xem trước công khai của một trải nghiệm phát triển mới dựa trên mã nguồn mà giúp nhà phát triển frontend nhanh chóng xây dựng và triển khai ứng dụng fullstack với kỹ năng TypeScript hoặc Javascript hiện tại của họ. Thế hệ đầu tiên của công cụ đã mang lại một trải nghiệm tập trung vào công cụ, sử dụng luồng công việc tương tác dựa trên CLI/Console để tạo ra một backend. Thế hệ 2 chuyển đổi sang một trải nghiệm mã đầu tiên, cho phép nhà phát triển mô tả một cách ngắn gọn các yêu cầu của ứng dụng như mô hình dữ liệu, logic kinh doanh và quy tắc xác thực bằng TypeScript. Cơ sở hạ tầng đám mây cần thiết được triển khai tự động dựa trên mã ứng dụng được khai báo, mà không cần nhà phát triển cấu hình rõ ràng các giao diện dịch vụ AWS.
7. SSG vs SSR trong Ứng dụng Web Next.js Chọn Phương pháp Trình bày Đúng – Next.js, một framework React phổ biến, đã thay đổi cách nhà phát triển xây dựng ứng dụng web hiện đại. Nó cung cấp những tính năng mạnh mẽ như Trình xuất Server-Side (SSR) và Tạo trang Tĩnh (SSG), tối ưu hóa hiệu suất và trải nghiệm người dùng của ứng dụng của bạn. Trong bài viết này, chúng tôi sẽ khám phá sự khác biệt quan trọng giữa SSG và SSR, những ưu điểm của chúng, khi nào nên chọn một trong hai và cách triển khai cả hai phương pháp bằng cách sử dụng AWS Amplify. Amplify là một giải pháp hoàn chỉnh cho phép nhà phát triển web và di động dễ dàng xây dựng, triển khai và lưu trữ ứng dụng full-stack trên AWS.
8. Next.js API Routes với AWS Amplify – Next.js là một framework React phổ biến cho phép server-side rendering và static site generation cho ứng dụng React. Nó làm cho việc xây dựng ứng dụng React full-stack trở nên đơn giản đến khó tin. Nhà phát triển ưa chuộng Next.js hơn các giải pháp khác vì nó tự động xử lý nhiều cấu hình khó khăn cần thiết cho server-side rendering và static site generation. Nó tích hợp sẵn hỗ trợ cho styling, routing, bundling, và nhiều tính năng khác. Ứng dụng Next.js cũng rất hiệu suất, tối ưu hóa cho công cụ tìm kiếm và có thể triển khai dễ dàng lên các nhà cung cấp hosting chỉ với một lệnh. Sự linh hoạt, đơn giản, và các tính năng của Next.js khiến nó trở thành lựa chọn hàng đầu cho việc xây dựng ứng dụng React sản xuất.

9. Ứng dụng đa nhóm thời gian thực với AWS Amplify GraphQL – Xây dựng một bản sao cộng đồng Twitter – Trong một cuộc khảo sát ngành gần đây, hơn 66.6% (tăng từ 59.7% vào năm 2019) những nhà phát triển JavaScript đã sử dụng công nghệ thời gian thực. Ứng dụng multiplayer làm cho ứng dụng của bạn trở nên thú vị hơn và tăng sự chấp nhận tự nhiên thông qua sự hợp tác của người dùng.

10. Kết nối một ứng dụng React với GraphQL và DynamoDB thông qua AWS CDK và Amplify – Hôm nay, chúng tôi vô cùng phấn khích thông báo về AWS Cloud Development Kit (CDK) construct chính thức cho khả năng GraphQL APIs của Amplify. Với construct GraphQL API CDK của Amplify, bạn có thể tạo một GraphQL API thời gian thực được hỗ trợ bởi nguồn dữ liệu như bảng Amazon DynamoDB hoặc các hàm AWS Lambda bằng cách sử dụng một định nghĩa GraphQL duy nhất.

Một lời cảm ơn lớn đến tất cả độc giả của chúng tôi! Phản hồi và sự hợp tác của bạn được đánh giá cao và giúp chúng tôi tạo ra nội dung tốt hơn.”