possible static optimizations

[threepointone]

The basic idea here is to process the javascript and replace function calls with values, deduping common declarations and avoiding cpu cycles. If we could detect all functional calls to style/<pseudo>/media, and the arguments passed to them were constant objects with primitive values (eg -{color:'red'}), we could then hoist the function call to the very top of the program, deduping on 'equal' values, and replacing the callsite with the resulting {[data-*]:<id>} object.
Further ideas in jsxstyle.

[threepointone]

another idea is to detect merge/media calls with inline rules as arguments, and replace them with a more optimal representation, preventing the unused rules from ever reaching the stylesheet.

[threepointone]

another idea is to detect dom jsx calls, and read the css prop from them and replace with references. this might be a good middle ground, especially for react consumers.

[threepointone]

closing this as fairly vague.