manavsehgal

<!-- YouTube Video -->
{% include embed-youtube.html video="eRsGyueVLvQ" %}

<!-- Google Map -->
{% include embed-google-map.html location="The+Shard+London" %}

manavsehgal

WARNING in common.js from UglifyJs
Side effects in initialization of unused variable RequestMethod [./~/angular2/src/http/enums.js:13,0]
Side effects in initialization of unused variable ReadyState [./~/angular2/src/http/enums.js:27,0]
Side effects in initialization of unused variable ResponseType [./~/angular2/src/http/enums.js:39,0]
Side effects in initialization of unused variable freeExports [./~/rxjs/util/root.js:11,0]
Side effects in initialization of unused variable freeModule [./~/rxjs/util/root.js:12,0]
Non-strict equality against boolean: != true [./~/angular2/src/compiler/html_tags.js:294,0]
Side effects in initialization of unused variable PropertyBindingType [./~/angular2/src/compiler/template_ast.js:228,0]
Side effects in initialization of unused variable metadata_1 [./~/angular2/src/core/linker/template_commands.js:18,0]
Side effects in initialization of unused variable ViewType [./~/angular2/src/core/linker/view.js:28,0]

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}/>

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

.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';

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

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 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';

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

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

manavsehgal

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

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