Bài viết được sự cho phép của tác giả Sơn Dương useEffect là một trong những hook quan trọng và hay sử dụng nhất trong các dự án React. Do useEffect được sử dụng rất nhiều, nên nếu bạn viết code trong hook này không tốt, sẽ khiến cho dự án rất khó đọc và dễ gây ra những lỗi tiềm tàng. Bài viết này mình sẽ chia sẻ một số nguyên tắc để làm việc với useEffect tốt hơn, dễ quản lý hơn. 1. Viết ít effect hơn Về cơ bản, để mã nguồn dễ quản lý hơn, tránh những lỗi không đáng có, bạn hạn chế tối đa sử dụng các effects khi làm việc với state. Với useEffect cũng vậy, nếu hạn chế được thì cứ hạn chế, hoặc tìm giải pháp khác thay thế. Tuy nhiên, có những trường hợp bắt buộc bạn phải dùng tới useEffect hook, ví dụ như phải lấy dữ liệu ban đầu mỗi khi khởi tạ [...]

Bài viết được sự cho phép của tác giả Trần Anh Tuấn Hey ya. Tình hình là mới đi du lịch Đà Nẵng zìa hôm kia nên hôm nay tranh thủ viết bài chia sẻ tiếp kiến thức cho anh em. Và chủ đề hôm nay đó là một trong những pseudo class mà nhiều bạn học và làm vẫn chưa hiểu rõ cũng như áp dụng hết sự hiệu quả của nó mang lại đó chính là :before và :after. Hiểu đơn giản thì before thì thêm vào trước và after là thêm vào sau thế thôi nhưng để hiểu sâu và làm được với nó thì cách tốt nhất đó là làm ví dụ thì mới mau hiểu được. Nào cùng chiến thôi. [irp posts="30079" name="3 điều bạn có thể không biết về biến trong CSS"] [irp posts="14654" name="9 CSS animation mới mãn nhãn" cho các project"] Đừng quên tham khảo khoá học HTML CSS cực chất mới ra mắt của mình tại đây: https://evondev.com/khoa-hoc-html-css # Cách sử dụng Để sử [...]

Bài viết được sự cho phép của tác giả Lưu Bình An Đây là một bài viết tương đối dài dòng về useEffect, bạn cần biết và đã đọc qua tài liệu về useEffect trên trang chính thức của React trước, và nếu chỉ thực sự cần biết sử dụng useEffect ra sao, bạn không cần đọc bài viết phân tách mổ xẻ sâu kiểu này. Mỗi lần render là một giá trị Prop và State độc lập Trước khi bắt đầu nói về useEffect chúng ta cần nhắc lại quá trình render function Counter() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> ... <button onClick={() => setCount(count + 1)}></button> </div> ); } Khác với Vue, nó không phải là một dạng data binding, watcher, proxy, nó chỉ là một giá trị thông thường. const count = 42; <p> {count} </p>; Đầu tiên giá trị khởi tạo của count sẽ =0. Khi chúng ta gọi setCount(1), React sẽ gọi lại component một lần nữa, với giá [...]