new component model

src-large/largeGrid.jsx

@@ -48,15 +48,11 @@ export default class MyApp extends React.Component {
     createColumnDefs() {
         var columnDefs = [];
 
-        // pass in the parent component to use for React component to the cellRenderer.
-        // this is optional. if missing, then react router will not work.
-        var cellRenderer = reactCellRendererFactory(SimpleCellRenderer, this);
-
         this.columnNames.forEach( colName => {
             columnDefs.push({
                 headerName: colName.toUpperCase(),
                 field: colName,
-                cellRenderer: cellRenderer,
+                cellRendererFramework: SimpleCellRenderer,
                 width: 100
             });
         });

src-large/simpleCellRenderer.jsx

@@ -2,12 +2,10 @@ import React from 'react';
 
 export default class SimpleCellRenderer extends React.Component {
     render() {
-        var params = this.props.params;
-
         // the class below does nothing, it's just for testing, so we can inspect the dom of
         // the result and looking for it, to validate that this cellRenderer is actually getting used.
         return (
-            <span className="simple-cell-renderer">{params.value}</span>
+            <span className="simple-cell-renderer">{this.props.value}</span>
         );
     }
 }