React

React is my default UI library for complex stateful UIs. FTC Dashboard uses React for the Kanban board, attendance tracker, budget charts, and real-time WebSocket chat — all with custom hooks and context. I lean heavily on hooks and avoid third-party state managers unless the project demands it.

function Counter({ initial = 0 }: { initial?: number }) {
  const [count, setCount] = useState(initial);
  return (
    <button onClick={() => setCount(c => c + 1)}>
      Clicked {count} {count === 1 ? "time" : "times"}
    </button>
  );
}