Skip to content
oks-ui

Engineering

Engineering notes on how oks-ui components work under the hood, and why they are built the way they are.

Omkar Sahu · 7 min read

What oks-ui costs in bytes: every entry, and what 1.5 added

Every oks-ui entry bundled and gzipped, the cost of 1.5 against 1.4.1, and where the extra 7 KB in form apps came from.bundle sizeperformance
Omkar Sahu · 8 min read

Drawing charts in React with no charting library

How a chart is drawn as plain SVG in React: scales, ticks and paths in 60 lines, and what a real chart gets wrong, reproduced on three oks-ui versions.chartsengineering
Omkar Sahu · 8 min read

A zero-dependency React rich text editor: what broke

How the oks-ui TextEditor was built with no dependencies, what broke along the way, and how each problem was measured on 1.1.2, 1.2.2 and 1.4.1.text editorengineering
Omkar Sahu · 9 min read

An accessibility audit of oks-ui: what is still open

What axe-core, a keyboard-only pass and seven oks-ui versions found: what 1.2 and 1.3 fixed, and the problems that are still open.accessibilitytesting
Omkar Sahu · 7 min read

Drag-and-drop in the oks-ui Board, tested in three browsers

Board's mouse, touch and keyboard drag-and-drop tested in Chromium, Firefox and WebKit, with the gaps I found and a script to check your own board.drag and dropperformance
Omkar Sahu · 6 min read

Dark mode with no flash, tested in three browsers

A synchronous script in the head stops the dark-mode flash. Tested in Chromium, Firefox and WebKit, including a bug found on this site and two corrected claims.dark modetheming