A few examples of React components from WeDoTDD.com

Interview.js

// a "dumb/presentational" React Component

import CompanyHeader from './CompanyHeader';
import CompanyProfile from './CompanyProfile';
import InterviewContentMain from './InterviewContentMain';
import Main from '../Main';
import MainLayout from '../MainLayout';
import React, { Component } from 'react';


export default class Interview extends Component{
    render(){
        const company = this.props.companies;

        return (
            <Main>
                <MainLayout title={title}>
                    <div>
                        <div id='ft-interview'>
                            <div className="panel vertical-space">
                                <CompanyHeader company={company}/>
                                <CompanyProfile company={company}/>
                                <InterviewContentMain company={company}/>
                            </div>
                        </div>
                    </div>
                </MainLayout>
            </Main>
        )
    }
}

MainLayout component

const DocumentTitle = require('react-document-title');
import React, {Component} from 'react';
import Header from './Header';
import TopNav from './TopNav';


export default class MainLayout extends Component{
    render() {
        return (
            <div className="wrap">
                <div className="ink-grid">
                    <Header />
                    <DocumentTitle title={this.props.title} />
                    <div className='ft-homepage'>
                        <TopNav />
                        {this.props.children}
                    </div>
                </div>
            </div>
        )
    }
}