Hiện tượng xé màn hình (React Tearing) trong React xuất hiện khi Render các component nặng khi kích hoạt Concurrent Feature và có sử dụng các dữ liệu từ bên ngoài (Không thuộc React quản lý). Trong quá trình React đang Render ở chế độ Concurrent Rendering, dữ liệu bên ngoài đột ngột thay đổi sẽ dẫn tới cùng 1 màn hình nhưng nhiều kết quả khác nhau. Trong video này mình sẽ demo cho các bạn hiện tượng này và cách khắc phục bằng Hook useSyncExternalStore #unicode #hoanganunicode | Unicode Academy

React Concurrency, Explained: What useTransition and Suspense Hydration Actually Do