httpJunkie

data = { cities: [ { city: "", addressLines: [ { addressLine: "" } ] } ] }

httpJunkie

import React from 'react';
import { Grid, GridColumn as Column } from '@progress/kendo-react-grid';
import { gridData } from '../data/appData';

export const GridContainer = () => (

  <div>
    <Grid style={{ height: '300px' }} data={gridData}>
      <Column field="ProductID" title="ID" width="40px" />
      <Column field="ProductName" title="Name" width="160px" />

httpJunkie

export const panelBarData = {
  'teammates': [
    {
      firstName: 'Andrew',
      lastName: 'Fuller',
      position: 'Team Lead'
    }, {
      firstName: 'Nancy',
      lastName: 'Leaver',
      position: 'Sales Associate'

httpJunkie

import React from 'react';
import 'hammerjs';

import {
  Chart,
  ChartSeries,
  ChartSeriesItem,
  ChartCategoryAxis,
  ChartCategoryAxisItem,
  ChartLegend,

httpJunkie

import React from 'react';
import 'hammerjs';

import {
  Chart,
  ChartLegend,
  ChartSeries,
  ChartSeriesItem,
  ChartSeriesLabels
} from '@progress/kendo-react-charts';

httpJunkie

import React from 'react';
import 'hammerjs';

import {
  Chart,
  ChartLegend,
  ChartSeries,
  ChartSeriesItem,
  ChartSeriesLabels
} from '@progress/kendo-react-charts';

httpJunkie

h1 {
  color:rgb(63, 81, 181);
  font-weight: bold;
}
.buttons-right>button {
  float: right;
  margin: 5px;
}
.app-container {
  padding: 25px;

httpJunkie

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="bootstrap-wrapper">
        <div className="app-container container">
          <div className="row">
            <div className="col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xl-6">

httpJunkie

let state = {
  name: 'Eric',
  role: 'employee'
}

console.log(state);

// does not mutate state, creates copy with change to role
let newState = 
    Object.assign({}, state, {role: 'manager'})

httpJunkie

const getHighCard = function (cards) {
  return cards.reduce((item, next) => item.numValue > next.numValue ? item : next);
};