guzmonne

import React, {PropTypes as T} from 'react'
import {Nav, INavLinkGroup} from 'office-ui-fabric-react/lib/Nav'

const SidebarMenu = ({groups, expanded, collapsed}) => (
  <div className='SidebarMenu'>
    <Nav groups={groups}
      expandedStateText={expanded}
      collapsedStateText={collapsed}
    />
  </div>

guzmonne

import React, {PropTypes as T} from 'react'
import {SearchBox} from 'office-ui-fabric-react/lib/SearchBox'
import '../_styles/NavBar.css'

const NavBar = ({onChange, onSearch}) => (
  <div className="NavBar">
    <div className="logo ms-font-xl">
      <strong>Awesome App</strong>
    </div>
    <div className="searchbox">

guzmonne

.NavBar {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.5em ;
  color: white;
  background-color: #141127;
  justify-content: space-between;
}

guzmonne

import React from 'react'
import {Link} from 'office-ui-fabric-react/lib/Link'
import '../_styles/Footer.css'

const Footer = () => (
  <div className="footer-container">
    {'© Awesome App 2016. '}
    <Link href="https://github.com/guzmonne/office-ui-layout/tree/01-blank-project">Get in touch!</Link>
    {' -- Made with '}
    <span className="text-red">♥</span>

guzmonne

import React from 'react'
import {Link} from 'office-ui-fabric-react/lib/Link'
import '../_styles/Footer.css'

const Footer = () => (
  <div className="footer-container">
    {'© Awesome App 2016. '}
    <Link href="https://github.com/guzmonne/office-ui-layout/tree/01-blank-project">Get in touch!</Link>
    {' -- Made with '}
    <span className="text-red">♥</span>

guzmonne

import React, {PropTypes as T} from 'react'
import {Breadcrumb, IBreadcrumbItem} from 'office-ui-fabric-react/lib/Breadcrumb'
import {CommandBar} from 'office-ui-fabric-react/lib/CommandBar'
import {IContextualMenuItem} from 'office-ui-fabric-react/lib/ContextualMenu'
import {MarqueeSelection} from 'office-ui-fabric-react/lib/MarqueeSelection'
import {
  Selection,
  SelectionMode,
  SelectionZone,
} from 'office-ui-fabric-react/lib/utilities/selection'

guzmonne

import React from 'react'

class App extends React.Component {
  render() {
    return (
      <h1>Hello, world!!!</h1>
    )
  }
}

guzmonne

import React from 'react'
import {render} from 'react-dom'
import App from './App.js'

const $rootEl = document.getElementById('root')

render(<App />, $rootEl)

guzmonne

const getConfig = require('hjs-webpack')
const webpack = require('webpack')
const Visualizer = require('webpack-visualizer-plugin');

const config = getConfig({
  // Entry point for the app.
  in: 'src/index.js',
  // Name of the output directory    
  out: 'public',
  output: {

guzmonne

import AWS from 'aws-sdk'
import credentials from '../../credentials.json'

const region = 'us-east-1'

const config = {region, credentials}

AWS.config.update(config)

export const S3 = new AWS.S3()