Nhật ký thay đổi FunnyCode

Tối ưu cách FunnyCode tải và phân phối hình ảnh, giúp giảm dung lượng truyền tải và cải thiện tốc độ hiển thị trên nhiều loại thiết bị.

• Điều chỉnh kích thước ảnh thích ứng để trình duyệt lựa chọn phiên bản phù hợp với màn hình và mật độ điểm ảnh.
• Chuẩn hóa cách sử dụng hình ảnh trong các khu vực khóa học, giỏ hàng, bài viết, banner và khuyến mãi.
• Tối ưu hình ảnh tại trang đăng nhập, Giới thiệu và Affiliate để tải hiệu quả hơn trên cả thiết bị di động và máy tính.
• Cải thiện cơ chế xử lý và lưu đệm ảnh, tăng khả năng tái sử dụng ảnh đã tải và hạn chế các biến thể không cần thiết.

Cải thiện thông tin hiển thị khi chia sẻ trang chủ, Bài viết và Khóa học để nội dung rõ ràng hơn, khả năng SEO tốt hơn.

Xây dựng giao diện thích ứng cho nhiều loại thiết bị, giúp FunnyCode sử dụng dễ dàng và liền mạch hơn trên các thiết bị khác nhau.

Cải thiện bảo mật và hiệu suất tải trang.

Cải thiện tốc độ tải và độ ổn định của trang cá nhân.

• Tải trước dữ liệu trang cá nhân trước khi trang hiển thị, giúp giảm thời gian chờ khi truy cập.
• Cải thiện, sửa lỗi một số tính năng.

Cải thiện tính năng Bài viết để nội dung tải nhanh hơn, hiển thị ổn định hơn và thân thiện với SEO hơn.

• Rút ngắn thời gian chờ khi mở danh sách hoặc xem chi tiết bài viết.
• Hiển thị tiêu đề và nội dung giới thiệu rõ ràng hơn khi bài viết xuất hiện trên công cụ tìm kiếm hoặc được chia sẻ.
• Dọn dẹp bộ nhớ tạm trên trình duyệt người dùng.

Cải thiện trải nghiệm khi tải và tải lại dữ liệu, giúp các thao tác trên giao diện rõ ràng và nhất quán hơn.

• Đồng bộ trạng thái đang xử lý cho các nút tải lại ở nhiều khu vực, giúp người dùng dễ nhận biết khi dữ liệu đang được cập nhật.
• Tinh chỉnh cách hiển thị cảnh báo hệ thống để nội dung xuất hiện trực tiếp và liền mạch hơn.
• Giảm tần suất thu thập số liệu hiệu năng để hạn chế các hoạt động theo dõi không cần thiết.

Bản triển khai UAT đầu tiên của FunnyCode kể từ phiên bản 2.0, sẵn sàng cho quá trình kiểm thử trước khi phát hành.

Chuẩn hóa cách ứng dụng xử lý lỗi API và trạng thái đăng nhập, giúp các luồng thao tác phản hồi nhất quán và dễ hiểu hơn.

• Quy đổi các phản hồi lỗi không đồng nhất từ backend về một định dạng HttpError chung.
• Phát hiện chính xác trường hợp backend trả HTTP 200 nhưng nội dung phản hồi vẫn báo thất bại.
• Đồng bộ trạng thái đăng nhập khi phiên hết hạn, token không hợp lệ hoặc API từ chối xác thực.
• Áp dụng cơ chế xử lý lỗi thống nhất cho các thao tác cập nhật dữ liệu, truy vấn và tải trước dữ liệu.
• Cải thiện thông báo lỗi trên giao diện: ưu tiên nội dung tiếng Việt và giữ message từ backend làm thông tin bổ sung.

Triển khai mô hình bán khóa học theo nhiều gói (tier-based pricing), cho phép người dùng lựa chọn gói phù hợp với nhu cầu.

Tiếp tục tinh gọn hệ UI và giảm phụ thuộc vào các thư viện giao diện cũ.

• Sử dụng Tiptap làm trình soạn thảo chính, loại bỏ các thư viện trình soạn thảo cũ.
• Sử dụng TanStack Query cho toàn bộ các tác vụ cache và tải trước, loại bỏ các thư viện cache cũ và phương thức Server Fetch.
• Sử dụng Lucide làm thư viện icon chính, loại bỏ các thư viện icon cũ khác.
• Sử dụng @videojs/react làm trình phát video chính.
• Loại bỏ sự phụ thuộc vào react-redux và @reduxjs/toolkit.

Mốc cập nhật chính của FunnyCode, tập trung vào kiến trúc ứng dụng, hiệu năng và tính nhất quán của giao diện.

• Nâng cấp nền ứng dụng lên Next 16.
• Tái cấu trúc dự án theo hướng kiến trúc mới, phù hợp hơn với PPR và các luồng giao diện hiện đại.
• Loại bỏ nhiều phần cũ, thành phần không còn sử dụng và các triển khai giao diện không còn phù hợp.
• Đồng nhất hệ UI về shadcn/radix để giảm khác biệt giữa các thành phần trong app.
• Loại bỏ sự phụ thuộc vào Motion trong hầu hết các chức năng.
• Tối ưu cache, trạng thái tải, xử lý lỗi và một số luồng tương tác chính.
• Cập nhật một số bản vá bảo mật.

Bản đệm dùng để kiểm tra khả năng tương thích trước khi thực hiện đợt refactor lớn hơn.

• Nâng cấp nền dự án lên Next 15, React 19 và TailwindCSS 4.
• Rà soát cấu hình, các phụ thuộc và các thành phần dùng chung.
• Ghi nhận các điểm cần xử lý trước khi chuyển sang V3.

Phiên bản đầu tiên đặt nền cho hầu hết khu vực chính của FunnyCode, từ học tập, nội dung, tài khoản đến các công cụ hỗ trợ trong quá trình sử dụng.

• Xây dựng trên Next 14, React 18, TypeScript, Tailwind CSS 3 và Sass.
• Sử dụng các thư viện UI: NextUI, Ant Design, Radix UI, Chakra UI Tooltip và DaisyUI.
• Hỗ trợ các khu vực chính như khóa học, bài học, video, ghi chú, blog, hồ sơ người dùng và các luồng tài khoản cơ bản.
• Tích hợp các công cụ soạn thảo và hiển thị nội dung như TinyMCE, React Quill, Markdown, highlight.js và KaTeX.
• Dùng TanStack Query, SWR, Redux Toolkit, Zustand, Axios, React Hook Form và Zod cho dữ liệu, trạng thái và form.
• Có thêm các phần thử nghiệm hoặc mở rộng như 3D/Three.js, biểu đồ, QR, realtime/socket, speech recognition và các hiệu ứng chuyển động.
• Là nền tảng chức năng quan trọng, đồng thời cũng tạo ra nhu cầu chuẩn hóa lại các phụ thuộc, giao diện và kiến trúc ở các bản sau.