Serverside Rendering in Spring with React

serverside-rendering-in-spring-with-react-1.java

public class JsxViewResolver implements ViewResolver {

	@Setter String prefix = "static/";
	@Setter String suffix = ".js";
	@Setter String indexFile = "/templates/index.html";

	private JReact renderer;
	private MessageFormat format;

	@PostConstruct
	public void init() throws IOException{
		renderer = new JReact(true);
		renderer.addRequirePath(prefix);
		ClassPathResource res = new ClassPathResource(indexFile);
		format = new MessageFormat(IOUtils.toString(res.getInputStream()));
	}
	
	@Override
	public View resolveViewName(String viewName, Locale locale) throws Exception {
		return new JsxView(renderer, viewName + suffix, format);
	}
}

serverside-rendering-in-spring-with-react-2.java

@AllArgsConstructor
public class JsxView extends AbstractView {

	private JReact renderer;
	private String viewName;
	private MessageFormat indexTemplate;

	@Override
	protected void renderMergedOutputModel(Map<String, Object> model, HttpServletRequest request, 
			HttpServletResponse response) throws Exception {
		String content = renderer.renderToString("./"+viewName, model);
		renderer.reset();
		IOUtils.write(indexTemplate.format(new String[]{content}), response.getOutputStream());
	}
}

serverside-rendering-in-spring-with-react-3.java

@Controller
@SpringBootApplication
class HomeController {

	public static void main(String[] args) {
		SpringApplication.run(HomeController.class, args);
	}

	@Bean
	public JsxViewResolver resolver() {
		return new JsxViewResolver();
	}

	@RequestMapping("/")
	ModelAndView showDashboard() {
		ModelAndView mav = new ModelAndView("test");
		mav.addObject("server", true);
		return mav;
	}
}

serverside-rendering-in-spring-with-react-4.js

var Test = React.createClass({
  getDefaultProps: function(){
	  return {server: false}
  },
  render: function() {
    return (
      <div>
      	Rendered from: {this.props.server ? 'server' : 'client'}
      </div>
    );
  }
});