Fibonacci Sequence : Frontend Coding Exercises

Gleam doesn't compile to Erlang source anymore

Gleam phiên bản 1.19.0 đã thay đổi cách biên dịch, không còn tạo ra code nguồn Erlang truyền thống mà chuyển sang sử dụng Erlang/OTP BEAM files trực tiếp. Thay đổi này giúp tăng tốc độ biên dịch đáng kể, giảm thời gian từ 5-10 giây xuống còn dưới 1 giây cho các dự án trung bình. Việc bỏ qua bước tạo code nguồn Erlang giúp giảm thiểu sự phức tạp trong quá trình build và tránh những vấn đề về đồng nhất giữa code nguồn và BEAM file. Đối với lập trình viên, đây là sự cải tiến quan trọng giúp tăng hiệu suất làm việc đáng kể khi sử dụng Gleam trong môi trường production.

Bài viết này giải thích thay đổi quan trọng trong cách Gleam biên dịch chương trình, ảnh hưởng đến cách bạn tương tác với Erlang runtime.

SvelteKit 3 Reaches Release Candidate, Moving Config to Vite and Retiring the $lib Alias

SvelteKit 3 đang ở giai đoạn release candidate, tập trung vào tinh chỉnh code và chuẩn bị …

Optimizing objects with null prototypes

V8 engine gặp vấn đề khi đối tượng với __proto__: null bị mắc kẹt ở dictionary mode. Nguyên nhân kỹ thuật nằm ở cách V8 xử lý prototype chain khi prototype được đặt thành null. Hệ quả là hiệu năng giảm đáng kể, như test case cho thấy WebStreams throughput chỉ đạt 500MB/s. Điều đáng học là thay thế literal object bằng classes hoặc Object.setPrototypeOf giúp tăng hiệu năng lên 2x, đạt 1GB/s throughput trong Node core.

Tìm hiểu cách tối ưu hiệu suất bằng cách loại bỏ nguyên mẫu null để tăng gấp đôi throughput trong Node.js.

The Node.js and Express.js Handbook for Beginners – Servers, Routes, Routers, and Views Explained

Node.js là runtime environment cho việc thực thi JavaScript ngoài trình duyệt web. Bài viết giải thích cách xây dựng server, routes, routers và views trong Express.js framework cho các ứng dụng back-end. Node.js cung cấp APIs và công cụ cần thiết để phát triển từ các script nhỏ đến ứng dụng quy mô lớn. Bài hướng dẫn này sẽ giúp lập trình viên nắm vững các khái niệm cơ bản về xây dựng ứng dụng web server với Node.js và Express.js.

Bài viết này cung cấp kiến thức nền tảng cần thiết để xây dựng ứng dụng back-end với Node.js và Express.js từ cơ bản đến nâng cao.

How to Use the Fullscreen API in JavaScript (and Keep the Screen Awake with the Wake Lock API)

Các nhà phát triển front-end thường nhận yêu cầu triển khai chế độ fullscreen cho ứng dụng …

Why one sine wave makes a bad flame

Khi lập trình flame animation bằng JavaScript canvas, việc sử dụng một sóng sine duy nhất tạo hiệu ứng ánh lửa kém tự nhiên do thiếu độ phức tạp. Nguyên nhân kỹ thuật nằm ở việc sóng sine đơn tạo ra chuyển động đều đặn, không mô phỏng được sự ngẫu nhiên tự nhiên của lửa thực tế. Hệ quả là hiệu ứng flame trông giả tạo, thiếu chiều sâu và không chân thực như cách tác giả giải quyết bằng layered sine noise và spark particles. Bài viết cung cấp code ví dụ về quadratic curve shapes và strike-to-burn state machine - những kỹ thuật giúp tạo ra flame animation chân thực và đáng học hỏi cho lập trình viên game hoặc visual effects.

Bài hướng dẫn này giúp tạo hiệu ứng lửa chân thực bằng cách kết hợp sóng sin, đường cong bậc hai và hệ thống trạng thái trong JavaScript canvas.

React for Vue Developers, 2: State, Effects, Re-renders

React 19 render lại toàn bộ component function khi có thay đổi, khác biệt cơ bản so với Vue 3 theo dõi dependencies và update tại chỗ. Trong React, mỗi khi state thay đổi, component sẽ được thực thi lại hoàn toàn, dẫn đến việc effects sẽ chạy lại. React cung cấp useMemo/useCallback để tối ưu hóa việc tái tạo lại các giá trị và hàm, tương tự tính toán memoized trong Vue. Hiểu rõ lifecycle hooks và cơ chế render của React giúp chuyển đổi từ Vue một cách hiệu quả, đặc biệt khi làm việc với các dự án lớn cần quản lý state phức tạp.

Bài viết này giúp lập trình viên chuyển đổi từ Vue sang React hiểu rõ cách React xử lý state, effects và re-render khác biệt với Vue dependency tracking.