Александр Спицин

Н-да, товарищи отвечающие.

Вообще-то, специально для таких случаев есть специальный объект window.location, который содержит уже распарсенную информацию о текущем URL'е.
developer.mozilla.org/en/DOM/window.location

В вашем случае подойдет:
WebDeveloper.Popup.openTab(location.origin + '/robots.txt', featureItem);

Примерно так можно, с помощью vw: jsfiddle.net/IonDen/64o1hehz

.parent {
    position: relative;
    width: 200px;
    height: 300px;
    background: #000;
    margin: 0 auto;
}

.child {
    position: absolute;
    top: 50px; left: 50%;
    width: 100vw; margin-left: -50vw;
    height: 100px;
    background: #f00;
}

Если это SPA, все элементы нужно писать в React,
кроме
<div class="root"></div>
куда рендерится приложение.
Нет никакого смысла писать их в .html, ни с точки зрения производительности, ни с точки зрения логики.

Вопрос можно перефразировать так:
1) можно ли в реакте написать какой-то динамический шаблон
2) в зависимости от чего в моей задаче изменять шаблон

Ответы:
1) да, можно
2) можете завязаться, например, на window.location.pathname . Если там /auth - рисуете шаблон + такой-то набор инпутов или чего вам нужно, если там /test - то другой. Так же можно сразу в constructor в state установить какие-то параметры, на основе которых вы будете отображать шаблон и другие разные варианты.

В render функции это может выглядеть как-то так:

...
render() {
  let template
  if (window.location.pathname.indexOf('auth') !== -1) {
    template = <div>это auth</div>
  } else {
    template = <div>это не auth</div>
  }
  return template
} 
...