├── .gitignore
├── Procfile
├── README.md
├── app.json
├── pom.xml
├── src
    ├── main
    │   ├── docker
    │   │   ├── Dockerfile.txt
    │   │   └── Dockerrun.aws.json
    │   ├── java
    │   │   └── demo
    │   │   │   ├── App.java
    │   │   │   └── JavaScriptEngine.java
    │   └── resources
    │   │   ├── application.yml
    │   │   ├── jsx
    │   │       └── tutorial.js
    │   │   ├── static
    │   │       └── tutorial.js
    │   │   └── templates
    │   │       ├── comments.json
    │   │       └── index.html
    └── test
    │   ├── java
    │       └── .gitkeep
    │   └── resources
    │       └── .gitkeep
└── system.properties


/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .idea
3 | .module-cache
4 | target


--------------------------------------------------------------------------------
/Procfile:
--------------------------------------------------------------------------------
1 | web: java $JAVA_OPTS -jar target/*.jar --server.port=$PORT


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | React.js Tutorial with Server Side Rendering by Spring Boot and Nashorn
 2 | 
 3 | http://facebook.github.io/react/docs/tutorial.html
 4 | 
 5 | [![Deploy](https://www.herokucdn.com/deploy/button.png)](https://heroku.com/deploy)
 6 | 
 7 | ## Run Application
 8 | 
 9 | ``` console
10 | $ mvn spring-boot:run
11 | ```
12 | 
13 | Go http://localhost:8080
14 | 
15 | ## Build JSX (Optional)
16 | 
17 | ``` console
18 | $ jsx --watch src/main/resources/jsx src/main/resources/static/
19 | ```
20 | 
21 | Of course, `npm install -g react-tools` is required.
22 | 


--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "React.js + Spring Boot Sample",
3 |   "description": "React.js Tutorial with Server Side Rendering by Spring Boot and Nashorn"
4 | }


--------------------------------------------------------------------------------
/pom.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3 |          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  4 |     <modelVersion>4.0.0</modelVersion>
  5 | 
  6 |     <groupId>demo</groupId>
  7 |     <artifactId>reactjs-tutorial-spring-boot</artifactId>
  8 |     <version>1.0-SNAPSHOT</version>
  9 |     <packaging>jar</packaging>
 10 | 
 11 |     <name>Spring Boot Docker Blank Project (from https://github.com/making/spring-boot-docker-blank)</name>
 12 | 
 13 |     <parent>
 14 |         <groupId>org.springframework.boot</groupId>
 15 |         <artifactId>spring-boot-starter-parent</artifactId>
 16 |         <version>1.2.1.RELEASE</version>
 17 |     </parent>
 18 | 
 19 |     <properties>
 20 |         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
 21 |         <start-class>demo.App</start-class>
 22 |         <java.version>1.8</java.version>
 23 |     </properties>
 24 | 
 25 |     <dependencies>
 26 |         <dependency>
 27 |             <groupId>org.springframework.boot</groupId>
 28 |             <artifactId>spring-boot-starter-web</artifactId>
 29 |         </dependency>
 30 |         <dependency>
 31 |             <groupId>org.springframework.boot</groupId>
 32 |             <artifactId>spring-boot-starter-thymeleaf</artifactId>
 33 |         </dependency>
 34 |         <dependency>
 35 |             <groupId>org.webjars</groupId>
 36 |             <artifactId>react</artifactId>
 37 |             <version>0.12.2</version>
 38 |         </dependency>
 39 |         <dependency>
 40 |             <groupId>org.webjars</groupId>
 41 |             <artifactId>showdown</artifactId>
 42 |             <version>0.3.1</version>
 43 |         </dependency>
 44 |         <dependency>
 45 |             <groupId>org.webjars</groupId>
 46 |             <artifactId>jquery</artifactId>
 47 |             <version>1.11.2</version>
 48 |         </dependency>
 49 | 
 50 | 
 51 |         <dependency>
 52 |             <groupId>org.springframework.boot</groupId>
 53 |             <artifactId>spring-boot-starter-actuator</artifactId>
 54 |         </dependency>
 55 |         <dependency>
 56 |             <groupId>org.springframework.boot</groupId>
 57 |             <artifactId>spring-boot-starter-test</artifactId>
 58 |             <scope>test</scope>
 59 |         </dependency>
 60 |     </dependencies>
 61 |     <build>
 62 |         <finalName>${project.artifactId}</finalName>
 63 |         <plugins>
 64 |             <plugin>
 65 |                 <groupId>org.springframework.boot</groupId>
 66 |                 <artifactId>spring-boot-maven-plugin</artifactId>
 67 |                 <dependencies>
 68 |                     <dependency>
 69 |                         <groupId>org.springframework</groupId>
 70 |                         <artifactId>springloaded</artifactId>
 71 |                         <version>${spring-loaded.version}</version>
 72 |                     </dependency>
 73 |                 </dependencies>
 74 |             </plugin>
 75 | 
 76 |             <!-- Copy Dockerfile -->
 77 |             <plugin>
 78 |                 <artifactId>maven-resources-plugin</artifactId>
 79 |                 <executions>
 80 |                     <execution>
 81 |                         <id>copy-resources</id>
 82 |                         <phase>validate</phase>
 83 |                         <goals>
 84 |                             <goal>copy-resources</goal>
 85 |                         </goals>
 86 |                         <configuration>
 87 |                             <outputDirectory>${basedir}/target/</outputDirectory>
 88 |                             <resources>
 89 |                                 <resource>
 90 |                                     <directory>src/main/docker</directory>
 91 |                                     <filtering>true</filtering>
 92 |                                 </resource>
 93 |                             </resources>
 94 |                         </configuration>
 95 |                     </execution>
 96 |                 </executions>
 97 |             </plugin>
 98 |             <plugin>
 99 |                 <groupId>com.coderplus.maven.plugins</groupId>
100 |                 <artifactId>copy-rename-maven-plugin</artifactId>
101 |                 <version>1.0</version>
102 |                 <executions>
103 |                     <execution>
104 |                         <id>rename-file</id>
105 |                         <phase>validate</phase>
106 |                         <goals>
107 |                             <goal>rename</goal>
108 |                         </goals>
109 |                         <configuration>
110 |                             <sourceFile>${basedir}/target/Dockerfile.txt</sourceFile>
111 |                             <destinationFile>${basedir}/target/Dockerfile</destinationFile>
112 |                         </configuration>
113 |                     </execution>
114 |                 </executions>
115 |             </plugin>
116 |             <plugin>
117 |                 <groupId>org.apache.maven.plugins</groupId>
118 |                 <artifactId>maven-antrun-plugin</artifactId>
119 |                 <version>1.7</version>
120 |                 <executions>
121 |                     <execution>
122 |                         <id>zip-files</id>
123 |                         <phase>package</phase>
124 |                         <goals>
125 |                             <goal>run</goal>
126 |                         </goals>
127 |                         <configuration>
128 |                             <target>
129 |                                 <zip destfile="${basedir}/target/app.zip" basedir="${basedir}/target"
130 |                                      includes="Dockerfile, Dockerrun.aws.json, ${project.artifactId}.jar"/>
131 |                             </target>
132 |                         </configuration>
133 |                     </execution>
134 |                 </executions>
135 |             </plugin>
136 |         </plugins>
137 |     </build>
138 | </project>
139 | 


--------------------------------------------------------------------------------
/src/main/docker/Dockerfile.txt:
--------------------------------------------------------------------------------
1 | FROM dockerfile/java:oracle-java8
2 | 
3 | ADD reactjs-tutorial-spring-boot.jar /opt/reactjs-tutorial-spring-boot/
4 | EXPOSE 8080
5 | WORKDIR /opt/reactjs-tutorial-spring-boot/
6 | CMD ["java", "-Xms512m", "-Xmx1g", "-jar", "reactjs-tutorial-spring-boot.jar"]


--------------------------------------------------------------------------------
/src/main/docker/Dockerrun.aws.json:
--------------------------------------------------------------------------------
1 | {
2 |   "AWSEBDockerrunVersion": "1",
3 |   "Ports": [
4 |     {
5 |       "ContainerPort": "8080"
6 |     }
7 |   ]
8 | }


--------------------------------------------------------------------------------
/src/main/java/demo/App.java:
--------------------------------------------------------------------------------
 1 | package demo;
 2 | 
 3 | import com.fasterxml.jackson.core.JsonProcessingException;
 4 | import com.fasterxml.jackson.databind.ObjectMapper;
 5 | import org.springframework.beans.factory.annotation.Autowired;
 6 | import org.springframework.boot.SpringApplication;
 7 | import org.springframework.boot.autoconfigure.SpringBootApplication;
 8 | import org.springframework.context.annotation.Bean;
 9 | import org.springframework.stereotype.Controller;
10 | import org.springframework.ui.Model;
11 | import org.springframework.web.bind.annotation.RequestBody;
12 | import org.springframework.web.bind.annotation.RequestMapping;
13 | import org.springframework.web.bind.annotation.RequestMethod;
14 | import org.springframework.web.bind.annotation.ResponseBody;
15 | 
16 | import javax.annotation.PostConstruct;
17 | import java.util.Arrays;
18 | import java.util.List;
19 | import java.util.concurrent.CopyOnWriteArrayList;
20 | 
21 | @SpringBootApplication
22 | @Controller
23 | public class App {
24 |     public static void main(String[] args) {
25 |         SpringApplication.run(App.class, args);
26 |     }
27 | 
28 |     @Bean
29 |     JavaScriptEngine nashornEngine() {
30 |         return new JavaScriptEngine()
31 |                 .polyfillToNashorn()
32 |                 .loadFromClassPath("META-INF/resources/webjars/react/0.12.2/react.min.js")
33 |                 .loadFromClassPath("META-INF/resources/webjars/showdown/0.3.1/compressed/showdown.js")
34 |                 .loadFromClassPath("static/tutorial.js");
35 |     }
36 | 
37 |     @Autowired
38 |     ObjectMapper objectMapper;
39 |     @Autowired
40 |     JavaScriptEngine nashorn;
41 | 
42 |     static final List<Comment> comments = new CopyOnWriteArrayList<>();
43 | 
44 |     @RequestMapping("/")
45 |     String hello(Model model) throws JsonProcessingException {
46 |         String markup = nashorn.invokeFunction("renderOnServer", String::valueOf, comments);
47 |         String initialData = objectMapper.writeValueAsString(comments);
48 |         model.addAttribute("markup", markup);
49 |         model.addAttribute("initialData", initialData);
50 |         return "index";
51 |     }
52 | 
53 |     @ResponseBody
54 |     @RequestMapping(value = "/comments", method = RequestMethod.GET)
55 |     List<Comment> getComments() {
56 |         return comments;
57 |     }
58 | 
59 |     @ResponseBody
60 |     @RequestMapping(value = "/comments", method = RequestMethod.POST)
61 |     List<Comment> postComments(@RequestBody Comment comment) {
62 |         comments.add(comment);
63 |         return comments;
64 |     }
65 | 
66 |     @PostConstruct
67 |     void init() {
68 |         comments.addAll(Arrays.asList(
69 |                 new Comment("Pete Hunt", "This is one comment"),
70 |                 new Comment("Jordan Walke", "This is *another* comment")));
71 |     }
72 | }
73 | 
74 | class Comment {
75 |     public String author;
76 |     public String text;
77 | 
78 |     Comment() {
79 |     }
80 | 
81 |     public Comment(String author, String text) {
82 |         this.author = author;
83 |         this.text = text;
84 |     }
85 | }
86 | 


--------------------------------------------------------------------------------
/src/main/java/demo/JavaScriptEngine.java:
--------------------------------------------------------------------------------
 1 | package demo;
 2 | 
 3 | 
 4 | import javax.script.Invocable;
 5 | import javax.script.ScriptEngine;
 6 | import javax.script.ScriptEngineManager;
 7 | import javax.script.ScriptException;
 8 | import java.io.IOException;
 9 | import java.io.InputStream;
10 | import java.io.InputStreamReader;
11 | import java.nio.charset.Charset;
12 | import java.nio.charset.StandardCharsets;
13 | import java.util.function.Function;
14 | 
15 | public class JavaScriptEngine {
16 | 
17 |     private final ScriptEngine scriptEngine = new ScriptEngineManager()
18 |             .getEngineByName("js");
19 | 
20 |     public JavaScriptEngine polyfillToNashorn() {
21 |         String polyfil = "var global = this;\n"
22 |                 + "var console = {};\n"
23 |                 + "console.debug = print;\n"
24 |                 + "console.warn = print;\n"
25 |                 + "console.log = print;";
26 |         return eval(polyfil);
27 |     }
28 | 
29 |     public JavaScriptEngine eval(String script) {
30 |         try {
31 |             this.scriptEngine.eval(script);
32 |         } catch (ScriptException e) {
33 |             throw new IllegalStateException("Failed to eval " + script + "!", e);
34 |         }
35 |         return this;
36 |     }
37 | 
38 |     public JavaScriptEngine loadFromClassPath(String file) {
39 |         try {
40 |             this.scriptEngine.eval(readFromClassPath(file));
41 |         } catch (ScriptException e) {
42 |             throw new IllegalStateException("Failed to loadFromClassPath "
43 |                     + file + "!", e);
44 |         }
45 |         return this;
46 |     }
47 | 
48 |     public Object invokeFunction(String functionName, Object... args) {
49 |         try {
50 |             return ((Invocable) this.scriptEngine).invokeFunction(functionName, args);
51 |         } catch (ScriptException | NoSuchMethodException e) {
52 |             throw new IllegalArgumentException("Failed to invoke "
53 |                     + functionName, e);
54 |         }
55 |     }
56 | 
57 |     public <T> T invokeFunction(String functionName,
58 |                                 Function<Object, T> converter, Object... args) {
59 |         return converter.apply(invokeFunction(functionName, args));
60 |     }
61 | 
62 |     private String readFromClassPath(String path) {
63 |         try (InputStream in = getClass().getClassLoader().getResourceAsStream(
64 |                 path)) {
65 |             if (in == null) {
66 |                 throw new IllegalArgumentException(path + " is not found!");
67 |             }
68 |             return copyToString(in, StandardCharsets.UTF_8);
69 |         } catch (IOException e) {
70 |             throw new IllegalStateException("Failed to read " + path, e);
71 |         }
72 |     }
73 | 
74 |     private static String copyToString(InputStream in, Charset charset) throws IOException {
75 |         StringBuilder out = new StringBuilder();
76 |         try (InputStreamReader reader = new InputStreamReader(in, charset);) {
77 |             char[] buffer = new char[4096];
78 |             int bytesRead = -1;
79 |             while ((bytesRead = reader.read(buffer)) != -1) {
80 |                 out.append(buffer, 0, bytesRead);
81 |             }
82 |             return out.toString();
83 |         }
84 |     }
85 | }
86 | 


--------------------------------------------------------------------------------
/src/main/resources/application.yml:
--------------------------------------------------------------------------------
1 | # See http://docs.spring.io/spring-boot/docs/current/reference/html/common-application-properties.html
2 | spring:
3 |   thymeleaf.cache: false
4 |   main.show-banner: false


--------------------------------------------------------------------------------
/src/main/resources/jsx/tutorial.js:
--------------------------------------------------------------------------------
  1 | var converter = new Showdown.converter();
  2 | 
  3 | var CommentList = React.createClass({
  4 |     render: function () {
  5 |         var commentNodes = this.props.data.map(function (comment) {
  6 |             return (
  7 |                 <Comment author={comment.author}>{comment.text}</Comment>
  8 |             );
  9 |         });
 10 |         return (
 11 |             <div className="commentList">
 12 |             {commentNodes}
 13 |             </div>
 14 |         );
 15 |     }
 16 | });
 17 | 
 18 | var CommentForm = React.createClass({
 19 |     handleSubmit: function (e) {
 20 |         e.preventDefault();
 21 |         var author = this.refs.author.getDOMNode().value.trim();
 22 |         var text = this.refs.text.getDOMNode().value.trim();
 23 |         if (!text || !author) {
 24 |             return;
 25 |         }
 26 |         this.props.onCommentSubmit({author: author, text: text});
 27 |         this.refs.author.getDOMNode().value = '';
 28 |         this.refs.text.getDOMNode().value = '';
 29 |     },
 30 |     render: function () {
 31 |         return (
 32 |             <form className="commentForm" onSubmit={this.handleSubmit}>
 33 |                 <input type="text" placeholder="Your name" ref="author" />
 34 |                 <input type="text" placeholder="Say something..." ref="text" />
 35 |                 <input type="submit" value="Post" />
 36 |             </form>
 37 |         );
 38 |     }
 39 | });
 40 | 
 41 | 
 42 | var Comment = React.createClass({
 43 |     render: function () {
 44 |         var rawMarkup = converter.makeHtml(this.props.children.toString());
 45 |         return (
 46 |             <div className="comment">
 47 |                 <h2 className="commentAuthor">{this.props.author}</h2>
 48 |                 <span dangerouslySetInnerHTML={{__html: rawMarkup}} />
 49 |             </div>
 50 |         );
 51 |     }
 52 | });
 53 | 
 54 | var CommentBox = React.createClass({
 55 |     loadCommentsFromServer: function () {
 56 |         $.ajax({
 57 |             url: this.props.url,
 58 |             dataType: 'json',
 59 |             success: function (data) {
 60 |                 this.setState({data: data});
 61 |             }.bind(this),
 62 |             error: function (xhr, status, err) {
 63 |                 console.error(this.props.url, status, err.toString());
 64 |             }.bind(this)
 65 |         });
 66 |     },
 67 |     handleCommentSubmit: function (comment) {
 68 |         var comments = this.state.data;
 69 |         var newComments = comments.concat([comment]);
 70 |         this.setState({data: newComments});
 71 |         $.ajax({
 72 |             url: this.props.url,
 73 |             dataType: 'json',
 74 |             type: 'POST',
 75 |             data: JSON.stringify(comment),
 76 |             contentType: 'application/json',
 77 |             success: function (data) {
 78 |                 this.setState({data: data});
 79 |             }.bind(this),
 80 |             error: function (xhr, status, err) {
 81 |                 console.error(this.props.url, status, err.toString());
 82 |             }.bind(this)
 83 |         });
 84 |     },
 85 |     getInitialState: function () {
 86 |         return {data: this.props.data || []};
 87 |     },
 88 |     componentDidMount: function () {
 89 |         setInterval(this.loadCommentsFromServer, this.props.pollInterval);
 90 |     },
 91 |     render: function () {
 92 |         return (
 93 |             <div className="commentBox">
 94 |                 <h1>Comments</h1>
 95 |                 <CommentList data={this.state.data} />
 96 |                 <CommentForm onCommentSubmit={this.handleCommentSubmit} />
 97 |             </div>
 98 |         );
 99 |     }
100 | });
101 | 
102 | 
103 | function renderOnClient(comments) {
104 |     var data = comments || [];
105 |     React.render(
106 |         <CommentBox data={data} url="comments.json" pollInterval={2000} />,
107 |         document.getElementById('content')
108 |     );
109 | }
110 | 
111 | function renderOnServer(comments) {
112 |     var data = Java.from(comments);
113 |     return React.renderToString(
114 |         <CommentBox data={data} url="comments.json" pollInterval={2000} />
115 |     );
116 | }


--------------------------------------------------------------------------------
/src/main/resources/static/tutorial.js:
--------------------------------------------------------------------------------
  1 | var converter = new Showdown.converter();
  2 | 
  3 | var CommentList = React.createClass({displayName: "CommentList",
  4 |     render: function () {
  5 |         var commentNodes = this.props.data.map(function (comment) {
  6 |             return (
  7 |                 React.createElement(Comment, {author: comment.author}, comment.text)
  8 |             );
  9 |         });
 10 |         return (
 11 |             React.createElement("div", {className: "commentList"}, 
 12 |             commentNodes
 13 |             )
 14 |         );
 15 |     }
 16 | });
 17 | 
 18 | var CommentForm = React.createClass({displayName: "CommentForm",
 19 |     handleSubmit: function (e) {
 20 |         e.preventDefault();
 21 |         var author = this.refs.author.getDOMNode().value.trim();
 22 |         var text = this.refs.text.getDOMNode().value.trim();
 23 |         if (!text || !author) {
 24 |             return;
 25 |         }
 26 |         this.props.onCommentSubmit({author: author, text: text});
 27 |         this.refs.author.getDOMNode().value = '';
 28 |         this.refs.text.getDOMNode().value = '';
 29 |     },
 30 |     render: function () {
 31 |         return (
 32 |             React.createElement("form", {className: "commentForm", onSubmit: this.handleSubmit}, 
 33 |                 React.createElement("input", {type: "text", placeholder: "Your name", ref: "author"}), 
 34 |                 React.createElement("input", {type: "text", placeholder: "Say something...", ref: "text"}), 
 35 |                 React.createElement("input", {type: "submit", value: "Post"})
 36 |             )
 37 |         );
 38 |     }
 39 | });
 40 | 
 41 | 
 42 | var Comment = React.createClass({displayName: "Comment",
 43 |     render: function () {
 44 |         var rawMarkup = converter.makeHtml(this.props.children.toString());
 45 |         return (
 46 |             React.createElement("div", {className: "comment"}, 
 47 |                 React.createElement("h2", {className: "commentAuthor"}, this.props.author), 
 48 |                 React.createElement("span", {dangerouslySetInnerHTML: {__html: rawMarkup}})
 49 |             )
 50 |         );
 51 |     }
 52 | });
 53 | 
 54 | var CommentBox = React.createClass({displayName: "CommentBox",
 55 |     loadCommentsFromServer: function () {
 56 |         $.ajax({
 57 |             url: this.props.url,
 58 |             dataType: 'json',
 59 |             success: function (data) {
 60 |                 this.setState({data: data});
 61 |             }.bind(this),
 62 |             error: function (xhr, status, err) {
 63 |                 console.error(this.props.url, status, err.toString());
 64 |             }.bind(this)
 65 |         });
 66 |     },
 67 |     handleCommentSubmit: function (comment) {
 68 |         var comments = this.state.data;
 69 |         var newComments = comments.concat([comment]);
 70 |         this.setState({data: newComments});
 71 |         $.ajax({
 72 |             url: this.props.url,
 73 |             dataType: 'json',
 74 |             type: 'POST',
 75 |             data: JSON.stringify(comment),
 76 |             contentType: 'application/json',
 77 |             success: function (data) {
 78 |                 this.setState({data: data});
 79 |             }.bind(this),
 80 |             error: function (xhr, status, err) {
 81 |                 console.error(this.props.url, status, err.toString());
 82 |             }.bind(this)
 83 |         });
 84 |     },
 85 |     getInitialState: function () {
 86 |         return {data: this.props.data || []};
 87 |     },
 88 |     componentDidMount: function () {
 89 |         setInterval(this.loadCommentsFromServer, this.props.pollInterval);
 90 |     },
 91 |     render: function () {
 92 |         return (
 93 |             React.createElement("div", {className: "commentBox"}, 
 94 |                 React.createElement("h1", null, "Comments"), 
 95 |                 React.createElement(CommentList, {data: this.state.data}), 
 96 |                 React.createElement(CommentForm, {onCommentSubmit: this.handleCommentSubmit})
 97 |             )
 98 |         );
 99 |     }
100 | });
101 | 
102 | 
103 | function renderOnClient(comments) {
104 |     var data = comments || [];
105 |     React.render(
106 |         React.createElement(CommentBox, {data: data, url: "comments.json", pollInterval: 2000}),
107 |         document.getElementById('content')
108 |     );
109 | }
110 | 
111 | function renderOnServer(comments) {
112 |     var data = Java.from(comments);
113 |     return React.renderToString(
114 |         React.createElement(CommentBox, {data: data, url: "comments.json", pollInterval: 2000})
115 |     );
116 | }


--------------------------------------------------------------------------------
/src/main/resources/templates/comments.json:
--------------------------------------------------------------------------------
1 | [
2 |   {"author": "Pete Hunt", "text": "This is one comment"},
3 |   {"author": "Jordan Walke", "text": "This is *another* comment"}
4 | ]


--------------------------------------------------------------------------------
/src/main/resources/templates/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html xmlns:th="http://www.thymeleaf.org">
 3 | <head>
 4 |     <title>Hello React</title>
 5 | </head>
 6 | <body>
 7 | <div id="content" th:utext="${markup}"></div>
 8 | 
 9 | <script src="http://fb.me/react-0.12.2.js"
10 |         th:src="@{/webjars/react/0.12.2/react.min.js}"></script>
11 | <script src="http://code.jquery.com/jquery-1.10.0.min.js"
12 |         th:src="@{/webjars/jquery/1.11.2/jquery.min.js}"></script>
13 | <script src="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"
14 |         th:src="@{/webjars/showdown/0.3.1/compressed/showdown.js}"></script>
15 | <script src="../static/tutorial.js"
16 |         th:src="tutorial.js"></script>
17 | <script type="text/javascript"
18 |         th:inline="javascript">
19 |     $(function () {
20 |         var initialData = JSON.parse(/*[[${initialData}]]*/ '[]');
21 |         renderOnClient(initialData);
22 |     });
23 | </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/src/test/java/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/making/reactjs-tutorial-spring-boot/7cee64e5caa1031eb6ae23ff64980c6ea06a3f25/src/test/java/.gitkeep


--------------------------------------------------------------------------------
/src/test/resources/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/making/reactjs-tutorial-spring-boot/7cee64e5caa1031eb6ae23ff64980c6ea06a3f25/src/test/resources/.gitkeep


--------------------------------------------------------------------------------
/system.properties:
--------------------------------------------------------------------------------
1 | java.runtime.version=1.8


--------------------------------------------------------------------------------