You have to define React.js directory in config file to block total.js process of compiling script – for this process will be responsible Webpack and React.js
If You want use /public to storage css, img or another files then You have change “directory-public” to correct directory e.g. /public/
Please remember about placing @{layout(”)} in index.html and pay notice on line

@{self.content(model.markup, ‘text/html’)} responsible for display returned rendered generated html from server side. This is very important.. If You will use another instruction like @{model.markup} then in browser You will see row html text

In main server file (e.g. server.js) You have to place babel modules by require(‘babel-core/register’); responsible for handle react.js to avoid errors like unexpected error or invalid character (<App ..>) in case of parse language composition of .jsx