While building a Javascript-heavy web application, what is the best practice for naming CSS classes to keep the Javascript code and CSS stylesheets clean and the UI structur
It really depends on the structure and size of your page.
Some situations will perform better using Option 1, some will be better with Option 2.
I usually go with "Whatever Is Best For This Specific Scenario"