One Million Checkboxes
실시간으로 너무 많이 누르면 경고 띄우고
전체 데이터는 소켓으로 받아오고요. 데이터 관리는 Uint8Array에서 하나로 하는 듯..?!
import { FixedSizeGrid as Grid } from "react-window";
FixedSizeGrid로 눈에 보이는 곳들만 Lazy하게 렌더합니다
데이터 자체는 BitSet라는 것으로 추상화된 Uint8Array에서, Bit Operation (>>
, <<
) 같은 것들로 진행.
이렇게 하면 1비트씩 썼을 때 100만개 해도 125 KB만 사용.