Hệ sinh thái JavaScript và TypeScript.
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half. A name entered a terminal table and came out broken. The surname was 𠮷田. The first character is not the c…
Cách Thiết Lập React Context. Prop drilling làm rối mã nguồn của bạn. Bạn phải truyền dữ liệu qua năm lớp component mà chúng không hề cần đến. React Context sẽ giải quyết vấn đề này. Tuy nhiên, hầu hết các cách thiết lập đều tạo…
Kiểm tra quy trình thay đổi email mà không bỏ sót liên kết. Việc thay đổi email tài khoản có vẻ là một việc nhỏ. Đó là một cái bẫy phổ biến đối với các đội ngũ QA. Một kiểm thử viên cập nhật địa chỉ. Một người khác mở email...
Quy tắc 3 giây trong hiệu suất Web. Bạn chỉ có ba giây. Sau đó, người dùng sẽ rời đi. Nghiên cứu của Google cho thấy 53% người dùng di động sẽ rời bỏ một trang web nếu nó mất hơn 3 giâ…
Sử dụng React Refs và Hook useRef. React sử dụng phương pháp tiếp cận khai báo. Bạn cập nhật state và React sẽ cập nhật UI. Điều này hoạt động hiệu quả với hầu hết các tác vụ. Nhưng đôi khi bạn cần bước ra ngoài t…
Tại sao sử dụng Index làm Key trong React là một ý tưởng tồi. Bạn xây dựng một danh sách động trong React. Bạn xóa một mục. Đột nhiên, trạng thái UI của một mục khác bị thay đổi. Hoặc, bạn sắp xếp một danh sách và...
Theo dõi khách truy cập website trực tiếp mà không cần đăng ký gói thuê bao. Một khách hàng muốn biết ai đang truy cập website của họ trong thời gian thực. Họ thích widget của Tidio nhưng không muốn trả phí cho gói đăng ký...
Tại sao bạn cần thuộc tính Key trong React. Bạn thấy lỗi này trong console: "Mỗi phần tử con trong một danh sách nên có một thuộc tính 'key' duy nhất." Nhiều lập trình viên thường bỏ qua nó. Đây là một sai lầm. Cảnh báo này...
Agent lập trình của tôi chỉ nhớ các phiên làm việc, chứ không nhớ nội dung công việc. Một agent lập trình có thể duy trì một luồng hội thoại nhưng vẫn tỏ ra hay quên. Tôi đã gặp phải vấn đề này khi đang xây dựng CliGate. Tôi đã khắc phục lỗi duy trì phiên...
Từ khóa using trong TypeScript và Quản lý tài nguyên tường minh. Rò rỉ bộ nhớ trong môi trường production thường bắt nguồn từ một lỗi duy nhất: các nhà phát triển chiếm dụng tài nguyên nhưng không giải phóng chúng. Kết nối cơ sở dữ liệu...
Cách tôi cập nhật mọi chi nhánh mà không cần chạm vào bất kỳ máy tính nào. Tôi đã xây dựng một công cụ desktop nội bộ bằng Electron. Nó chạy trên các máy tính tại nhiều văn phòng chi nhánh khác nhau. Các văn phòng này có đ...
Ngày 5 học React: Batching và Functional Updates. Tôi từng nghĩ rằng việc gọi hàm setter của state nhiều lần sẽ gây ra nhiều lần render. Tôi đã nhầm. React thông minh hơn thế. Nó sử dụng...
Bản sao lưu của tôi đã làm mất mọi bức ảnh. Tôi đã xây dựng một nút sao lưu cho một ứng dụng theo dõi tâm trạng ngoại tuyến. Nó xuất dữ liệu ra một tệp JSON. Người dùng có thể lưu tệp đó và chuyển sang điện thoại mới. Mọi thứ có vẻ thật hoàn hảo...
Tại sao website xây dựng theo 'vibe' sẽ không bao giờ lên top tìm kiếm. Một nhà sáng lập đã cho tôi xem một trang web vào tháng trước. Nó trông rất tuyệt, với các hiệu ứng chuyển động mượt mà và nội dung sắc sảo. Anh ấy đã xây dựng nó chỉ trong một buổi chiều bằng...
Thương mại điện tử tùy chỉnh trên Firebase. Tôi đã xây dựng một trang web thương mại điện tử tùy chỉnh từ con số không. Tôi không sử dụng các nền tảng có sẵn. Tôi đã sử dụng Firebase Realtime Database và Netlify. Mục tiêu là để...
Token có chữ ký giữa hai PWA: HMAC SHA256 không cần backend. Bạn cần truyền danh tính người dùng từ PWA này sang PWA khác. Cả hai ứng dụng đều chạy trên các dự án Firebase riêng biệt. Chúng không chia sẻ dữ liệu...
Tự xây dựng Discord Bot đầu tiên với JavaScript. Bạn muốn tạo một Discord bot. Có thể bạn đã thấy các bot phát nhạc hoặc thực hiện các cuộc thăm dò ý kiến và tự hỏi chúng hoạt động như thế nào. Đến cuối loạt bài này...
Tại sao tôi quay lại với JavaScript sau 7 năm. Tôi là một nhà phát triển UI với 7 năm kinh nghiệm. Tôi biết HTML và CSS. Tôi có thể chuyển đổi các thiết kế Figma thành mã nguồn. Nhưng tôi chưa bao giờ cảm thấy mình là một nhà phát...
Bạn không dùng Linked List. Nhưng chúng đang vận hành một nửa phần mềm của bạn. Có khả năng bạn sẽ không bao giờ phải tự viết một danh sách liên kết trong một dự án JavaScript thực tế. Các mảng được xây dựng sẵn trong ngôn ngữ của bạn...
Khi React nói về Re-render, nó có nghĩa là ba điều. Khi bạn gọi setState, React không chỉ đơn thuần cập nhật DOM. Nó thực hiện ba giai đoạn riêng biệt theo một trình tự. Hầu hết các nhà phát triển thường nhầm lẫn t…
100 Ngày, 87 Công cụ, Không Máy chủ. Tôi đã dành 100 ngày để xây dựng ToolKnit. Đây là một bộ gồm 87 công cụ chạy trên trình duyệt. Hầu hết các trang web công cụ hoạt động như thế này: Bạn tải một tệp lên. Một máy chủ sẽ xử lý...
Tôi đã phỏng vấn 5 ứng viên cho một vị trí kỹ thuật. Tuần trước, tôi đã phỏng vấn năm ứng viên cho vị trí frontend. Họ có nền tảng và kỹ năng khác nhau. Đến cuối ngày...
React Lost Its Mass and Vercel Is Wearing Its Skin The React community used to own the project. Now, it feels like a hosting company manages it. The shift happened slowly. Then it…
25 lỗi JSON mà mọi lập trình viên đều mắc phải. JSON là xương sống của giao tiếp web. Nó nhẹ và dễ đọc. Tuy nhiên, các quy tắc của nó rất nghiêm ngặt. Những lỗi nhỏ có thể làm hỏng mã nguồn của bạn...
