abs_path.js

var immstruct = require('immstruct');
var component = require('omniscient');

var data = immstruct({ a: {b: { c: { text: 'hello', foo: { bar: 'world' }}}});

var AnotherComp = component((cursor) => /* ... */);

var TextComp = component((cursor) => (
  <div>
    <p>{cursor.get('text')}</p>
    <p>{AnotherComp(data.cursor(['a', 'b', 'c', 'foo', 'bar'])}</p>
  </div>
));

var App = component(function (cursor) {
  // Use absolute path here
  
  return <div>
    <h1>Do something with {cursor.getIn(['a', 'b', 'c'])}</h1>
    {TextComp(data.cursor(['a', 'b', 'c']))}
  </div>
});

React.render(App(data.cursor()), document.body)