feat(HelloWorld): add hello world component

src/components/HelloWorld.js

@@ -0,0 +1,45 @@
+import React, { Component, PropTypes } from 'react';
+import {
+  Jumbotron,
+  Button,
+  Container,
+  Col,
+  Row
+} from 'reactstrap';
+
+const propTypes = {
+  name: PropTypes.string,
+  message: PropTypes.string
+};
+
+const defaultProps = {
+  name: 'World',
+  message: 'This is a simple component.'
+};
+
+class HelloWorld extends Component {
+  render() {
+    const { name, message, children } = this.props;
+
+    return (
+      <Jumbotron className="text-xs-center">
+        <Container fluid>
+          <Row>
+            <Col>
+              <h1 className="display-4">Hello {name}!</h1>
+              <p className="lead">
+                {message}
+              </p>
+              {children}
+            </Col>
+          </Row>
+        </Container>
+      </Jumbotron>
+    );
+  }
+}
+
+HelloWorld.propTypes = propTypes;
+HelloWorld.defaultProps = defaultProps;
+
+export default HelloWorld;

src/components/HelloWorld.test.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import HelloWorld from './HelloWorld';
+
+describe('HelloWorld', () => {
+  it('renders without crashing', () => {
+    mount(<HelloWorld />);
+  });
+
+  it('renders default prop values', () => {
+    const wrapper = mount(<HelloWorld />);
+
+    expect(wrapper.find('h1').text()).toEqual('Hello World!');
+    expect(wrapper.find('p.lead').text()).toEqual('This is a simple component.');
+  });
+
+  it('renders with custom prop values', () => {
+    const name = "Ground Control";
+    const message = "I'm stepping through the door"
+    const wrapper = mount(<HelloWorld name={name} message={message} />);
+
+    expect(wrapper.find('h1').text()).toEqual(`Hello ${name}!`);
+    expect(wrapper.find('p.lead').text()).toEqual(message);
+  });
+
+  it('renders children', () => {
+    const wrapper = mount(
+      <HelloWorld>
+        <p className="test">Testing</p>
+      </HelloWorld>
+    );
+
+    expect(wrapper.find('p.test').text()).toEqual('Testing');
+  });
+});

src/components/index.js

@@ -0,0 +1,2 @@
+// export individual components
+export HelloWorld from './HelloWorld';