Tag basic reactjs
Tìm kiếm bài viết trong Tag basic reactjs
2 Năm Đi Làm React Chỉ Biết useState và useEffect: Bài Học Xương Máu Về Tư Duy Tối Ưu Hóa
Đi làm React 2 năm trời mà chỉ biết mỗi useState và useEffect. Nghe có vẻ khó tin, nhưng đó là câu chuyện có thật của mình.
0 0 4
Hiểu cơ chế Re-render của React để tối ưu cho đúng
Hiểu cơ chế Re-render của React để tối ưu cho đúng. Thảo được giao một task tưởng chừng rất đơn giản: thêm một nút bấm để mở một modal dialog vào một ứng dụng React lớn, phức tạp và có yêu cầu cực kỳ
0 0 5
Đừng dùng index làm key nữa! React không thích đâu
[Giảm 50%] Khoá React Nâng cao - chuyên sâu tối ưu hiệu năng: https://sydexa.com/react-nang-cao-toi-uu-hieu-nang. Cộng đồng System Design Việt Nam: https://www.facebook.
0 0 5
Đừng dùng index làm key nữa! React không thích đâu
Này người anh em, đã bao giờ anh em code react mà dùng index để làm key như thế này chưa:. {items.map((item, index) => (. <div key={index}>{item}</div>.
0 0 5
Hiểu cơ chế Re-render của React để tối ưu cho đúng
Tình huống. Thảo được giao một task tưởng chừng rất đơn giản: thêm một nút bấm để mở một modal dialog vào một ứng dụng React lớn, phức tạp và có yêu cầu cực kỳ khắt khe về hiệu năng.
0 0 3
Làm sao để integrate component React vào Solid JS (với Typescript) (phần 2)
Ở phần 1, mình render component React ở trong một ứng dụng dùng Solid JS. Mình sẽ chia làm 2 vấn đề nhỏ hơn:. . Chuyển data từ component React lên app Solid JS chính.
0 0 11
Toàn Tập Về Các Loại State Trong React
Trong React, state là một khái niệm quan trọng giúp bạn theo dõi và quản lý dữ liệu thay đổi theo thời gian trong ứng dụng. Tuy nhiên, không phải tất cả state đều giống nhau.
0 0 11
So sánh Function Component và Class Component trong React
Khi làm việc với React – một thư viện JavaScript dùng để xây dựng giao diện người dùng – bạn sẽ thường xuyên gặp hai kiểu component chính: Function Component và Class Component. Mỗi loại có cách viết
0 0 9
Làm sao để integrate component React vào Solid JS (với Typescript) (phần 1)
Mình rất thích Solid, nhưng... Solid thật tuyệt vời, nếu bạn đã từng code React rồi thì Solid không những dễ dàng và quen thuộc, mà còn vừa chạy rất nhanh. Tuy nhiên mình không thể rời bỏ React ecosys
0 0 13
Từ Zero đến Principal Frontend Engineer (P8: Advanced State Management - Khi Redux Là Không Đủ)
Khi bạn giữ vai trò cố vấn cũng như đầu tàu về các quyết định về phía Frontend, state management không còn là việc chọn thư viện nào ngon nhất, mà là đưa ra quyết định kiến trúc phù hợp với bài toán k
0 0 11
Xác thực Form trong React dễ dàng với Yup Và Formik
Trong quá trình phát triển ứng dụng React, việc xác thực dữ liệu đầu vào là một bước quan trọng để đảm bảo tính toàn vẹn và độ tin cậy của thông tin người dùng nhập vào. Thư viện Yup cung cấp một cách
0 0 14
Khởi tạo dự án ReactJS: Cấu trúc chuẩn, dễ bảo trì, mở rộng
Mở đầu. Việc xây dựng một base project chuẩn cho ReactJS + TypeScript ngay từ đầu sẽ giúp tiết kiệm thời gian, đồng bộ code, và dễ dàng mở rộng dự án về sau.
0 0 14
Tối Ưu State & Quản Lý Đơn Giản Trong React
Trong React, state là nơi lưu trữ dữ liệu giúp giao diện hiển thị đúng theo từng tình huống. Nhưng nếu quản lý không tốt, ứng dụng sẽ bị chậm, khó bảo trì, và render lại nhiều lần không cần thiết.
0 0 13
useSyncExternalStore – Hook bị đánh giá thấp của React
Bạn có thể đã nghe về useSyncExternalStore() chưa, đây là một hook mới trong React 18 để đăng ký theo dõi các nguồn dữ liệu bên ngoài. Nó thường được sử dụng nội bộ bởi các thư viện quản lý trạng thái
0 0 12
React Router từ cơ bản đến nâng cao (v6+) Phần 1
Routing là gì. Routing đề cập đến quá trình điều hướng giữa các trang hoặc giao diện khác nhau trong một ứng dụng một trang (SPA) mà không cần tải lại toàn bộ trang.
0 0 13
React Router từ cơ bản đến nâng cao (v6+) Phần 2
Ở phần 1 chúng ta đã nói về một số điều cơ bản của React Router, trong bài viết này chúng ta sẽ đi đến những hướng dẫn nâng cao hơn nhé. . Dynamic Routes. .
0 0 13
Công cụ React Query: Các hook tái sử dụng, an toàn kiểu dữ liệu với Axios và FSD.
Trong thế giới phát triển frontend hiện đại, tối ưu hóa việc xử lý dữ liệu là chìa khóa để tạo ra các ứng dụng phản hồi nhanh và có thể mở rộng. Việc sử dụng các thư viện cho các yêu cầu bất đồng bộ,
0 0 14
React Query: Quản lý cache data dễ dàng hơn bao giờ hết
React-Query. React-query thường được sử dụng để quản lý, lưu trữ các dữ liệu được truy vấn từ server một cách hiệu quả.
0 0 16
Làm Sao Để React Nhanh Hơn? 7 Mẹo Dễ Áp Dụng
React là một thư viện mạnh mẽ cho việc xây dựng giao diện người dùng. Tuy nhiên, nếu không tối ưu đúng cách, ứng dụng React có thể trở nên chậm chạp, đặc biệt khi ứng dụng lớn dần lên.
0 0 11
Lấy giá trị state trước đó trong React như thế nào cho đúng và tránh lỗi
Trong React, state là bất đồng bộ (asynchronous). Điều này có nghĩa là bạn không nên dựa vào giá trị hiện tại của state nếu bạn muốn cập nhật nó dựa trên giá trị trước đó.
0 0 14