Array Bit-Packed Typed Storage for State Node Control Flow

import React, { useMemo, useState } from 'react';
 
export function BitPackedNodeGraph({ nodeCount = 1024 }) {
  const [, setRevision] = useState(0);
 
  const nodeBuffer = useMemo(() => {
    const buffer = new Uint32Array(Math.ceil(nodeCount / 32));
    for (let i = 0; i < buffer.length; i++) {
      buffer[i] = (1 << (i % 32)) | (1 << ((i + 3) % 32));
    }
    return buffer;
  }, [nodeCount]);
 
  const toggleNode = (index) => {
    const wordIndex = Math.floor(index / 32);
    const bitMask = 1 << (index % 32);
    nodeBuffer[wordIndex] ^= bitMask;
    setRevision((prev) => prev + 1);
  };
 
  return (
    <button onClick={() => toggleNode(5)}>
      Bit 5 Status: {(nodeBuffer[0] & (1 << 5)) !== 0 ? 'Active' : 'Inactive'}
    </button>
  );
}