При разработке и особенно при сопровождении ПО требуется быстро и просто понять какой частью кода "описывается/обслуживается" некое, интересующее вас, место приложения, которое сейчас у вас на экране...
Когда делаем приложение на React.js то используем некие классы. Называем их в шутку "эль классо".
Если это простой элемент - это выглядит так
const Primer = () => {
return (
<div className='el-primer'>
...
</div>
)
}
Если элемент будет "более сложный", то и "приставка" у него будет более сложная. Но они заранее оговорены, запротоколированы и не сложно будет понять "откуда ноги растут".
Т.о. посмотрев хтмл можно сразу понять как найти, нужный нам, элемент в дереве каталогов и файлов исходников.
Но как такое проделать в React Native?
Например некто тычет пальцем в экран смарта и описывает проблему или претензии, которые есть в этом месте.
У нас это какой-то "скрин", в нем элементы, у них некая иерархия вызовов... Это все можно вызвать в браузере, там будет хтмл...
Кто как решает проблемы "обратной связи" приложения и исходников в React Native?
