EdwinGuzman

/blog
/blog/:blogId
/blog/authors/:authorId
/blog/series/:seriesId
/blog/subject/:subjectID

EdwinGuzman

.gs-results {
  margin: 15px 0 0 0;
  padding: 0;

  @include min-screen($tablet-landscape) {
    margin: 20px 0 0 0;
  }

  @include layout-at(9, $tablet-landscape) {
    @include grid-span(7, 1);

EdwinGuzman

require('rootpath')();
require('babel/register');

module.exports = require('server');

EdwinGuzman

// Application.js
// Code reduced for brevity
// ...
  render() {
    return (
      <div>
        <Header />
        <Hero {...this.props} />
        <RouteHandler {...this.props} />
        <AgeTabs {...this.props} />

EdwinGuzman

// ApiRoutes.js
// Populate the stores after successfully fetching data
res.locals.data = {
  BookStore: {
    // ...
  },
  HeaderStore: {
    // ...
  },
};

EdwinGuzman

<Route name='home' path='/browse/recommendations/staff-picks/?' handler={App} ignoreScrollBehavior>
  <Route name='annual' path='annual' ignoreScrollBehavior>
    <Route name ='type' path=':type/?' ignoreScrollBehavior>
      <Route name='year' path=':year?/?' ignoreScrollBehavior>
        <Route name='annualModal' path=':id/?' handler={BookModal} ignoreScrollBehavior />
      </Route>
    </Route>
  </Route>
  <Route name='month' path=':month?/?' ignoreScrollBehavior>
    <Route name='modal' path=':id/?' handler={BookModal} ignoreScrollBehavior />

EdwinGuzman

<Route name='home' path='/browse/recommendations/staff-picks/?' handler={App} ignoreScrollBehavior>
  <Route name='annual' path='annual' ignoreScrollBehavior>
    <Route name ='type' path=':type/?' ignoreScrollBehavior>
    </Route>
  </Route>
  <Route name='month' path=':month?/?' ignoreScrollBehavior>
  </Route>
</Route>

EdwinGuzman

var path = require('path');
var webpack = require('webpack');
var merge = require('webpack-merge');
var cleanBuild = require('clean-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var pkg = require('./package.json');

// References the applications root path
var ROOT_PATH = path.resolve(__dirname);

EdwinGuzman

import React from 'react';
import Router from 'react-router';

let Route = Router.Route;

// NOTE: Code shorten for brevity

// This section renders the app on the server side.
// server.js
app.get('/*', function(req, res) {

EdwinGuzman

import React from 'react';
import Radium from 'radium';

// Some code excluded for brevity
class Sidebar extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      mobileDisplay: false