manavsehgal

// Initialization
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const postcssImport = require('postcss-easy-import');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
const path = require('path');
const StyleLintPlugin = require('stylelint-webpack-plugin');

const APP = path.join(__dirname, 'app');

manavsehgal

manavsehgal

module.exports = {
  "parser": "babel-eslint",
  "rules": {
    "strict": 0
  },
  "env": {
    "browser": true,
    "es6": true,
    "jquery": true
  },

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

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

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;