Полезная информация, сами в проекте негласно следуем подобным договорённостям. Но не совсем понятно правило трёх DOM-ов, имеются ввиду количество каких-то wrapper-ов на одной странице?
В одном компоненте лучше не иметь больше трех стилизованных html тэгов (div, section и т.д.). Если их больше трех, то стоит задуматься о декомпозиции. При этом если это какие-то react компоненты, то это ок.
На стороне своих правил в ESlint