manavsehgal

manavsehgal

export const singleSeries = [{
  data: [1, 2, 4]
}];

export const series = [{
  data: [1, 2, 3]
}, {
  data: [5, 7, 11]
}, {
  data: [13, 17, 19]

manavsehgal

import React from 'react';

import Card from './Card.jsx';
import { series, singleSeries, cloudSeries } from '../fixtures/charts/series';

const {
  // main component
  Chart,
  // graphs
  Bars, Cloud, Labels, Lines, Pies, RadialLines, Ticks,

manavsehgal

import React from 'react';

const Hello = ({ greet, message }) => (
  <h3>
    {greet} {message}
  </h3>
);

Hello.propTypes = {
  greet: React.PropTypes.string,

manavsehgal

import React from 'react';
import Hello from './Hello.jsx';

export default class World extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      currentGreeting: props.greet,
      value: 'ReactSpeed'

manavsehgal

import React from 'react';
import NavLink from './NavLink.jsx';

function Navigation() {
  return (
    <ul className="navigation grid grid-gutters large-grid-fit med-grid-fit small-grid-1of2">
      <NavLink className="navigation-link" to="/" brand>ReactSpeed</NavLink>
      <NavLink className="navigation-link" href="https://leanpub.com/reactspeedcoding">
        <i className="fa fa-book"></i> Book
      </NavLink>

manavsehgal

import React, {PropTypes} from 'react';
import { Link } from 'react-router';

export default class NavLinks extends React.Component {
  static propTypes = {brand: PropTypes.bool}
  static defaultProps = {brand: false}

  render() {
    const renderClass = this.props.brand
      ? "navigation-link navigation-brand"

manavsehgal

.navigation {
  list-style: none;
  background: $secondary;
  margin: 0;
  padding-right: 10px;
}

.sidenav {
  list-style: none;
  background: $golden-light;

manavsehgal

import React, { PropTypes } from 'react';
import { Link } from 'react-router';

class Navigation extends React.Component {
  render () {
    return (
      <ul className="navigation grid grid-gutters large-grid-fit med-grid-fit small-grid-1of2">
        <li className="grid-cell">
          <Link className="navigation-link navigation-brand" to="/">
            ReactSpeed

manavsehgal

import React from 'react';
import ReactDOM from 'react-dom';
import BlogPage from './components/BlogPage.jsx';
import HomePage from './components/HomePage.jsx';

import { Router, Route, hashHistory } from 'react-router';

ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={HomePage}/>