diff --git a/app/javascript/components/User.jsx b/app/javascript/components/User.jsx
new file mode 100644
index 0000000..de95fe0
--- /dev/null
+++ b/app/javascript/components/User.jsx
@@ -0,0 +1,18 @@
+var React = require("react")
+var PropTypes = require("prop-types")
+class User extends React.Component {
+  render () {
+    return (
+      <div>
+        <div>Name: {this.props.name}</div>
+        <div>Age: {this.props.age}</div>
+      </div>
+    );
+  }
+}
+
+User.propTypes = {
+  name: PropTypes.String,
+  age: PropTypes.Integer
+};
+module.exports = User
diff --git a/app/views/welcome/index.html.erb b/app/views/welcome/index.html.erb
index 4dd0f9d..0751eb2 100644
--- a/app/views/welcome/index.html.erb
+++ b/app/views/welcome/index.html.erb
@@ -1,2 +1,3 @@
 <%= javascript_pack_tag 'application' %>
 <%= react_component 'Post', { title: 'A working react component', body: 'Simple but effective' }, prerender: true %>
+<%= react_component 'User', { name: 'Timmy', age: 26 }, prerender: true %>