+
+
Simple Example using Hooks (with useContext and useReducer)
+
+
+
+
+ )
+}
diff --git a/src-examples/simpleReduxHooksExample/gridDataActions.jsx b/src-examples/simpleReduxHooksExample/gridDataActions.jsx
new file mode 100644
index 0000000..c955838
--- /dev/null
+++ b/src-examples/simpleReduxHooksExample/gridDataActions.jsx
@@ -0,0 +1,14 @@
+export function updateRowData(rowData) {
+ return {
+ type: 'ROW_DATA_CHANGED',
+ rowData
+ }
+}
+
+export function setCurrency(currencySymbol, exchangeRate) {
+ return {
+ type: 'CURRENCY_CHANGED',
+ currencySymbol,
+ exchangeRate
+ }
+}
\ No newline at end of file
diff --git a/src-examples/simpleReduxHooksExample/store.js b/src-examples/simpleReduxHooksExample/store.js
new file mode 100644
index 0000000..da862a6
--- /dev/null
+++ b/src-examples/simpleReduxHooksExample/store.js
@@ -0,0 +1,75 @@
+import React from "react";
+import PriceRenderer from "./PriceRenderer";
+
+export const initialState = {
+ rowData: [],
+ columnDefs: [
+ {
+ field: 'symbol'
+ },
+ {
+ field: 'price',
+ cellClass: 'align-right',
+ cellRendererFramework: PriceRenderer
+ }
+ ]
+};
+
+export const reducer = (state = {rowData: []}, action) => {
+ switch (action.type) {
+ case 'SET_ROW_DATA':
+ return {
+ ...state,
+ rowData: createRowData()
+ };
+ default:
+ return state;
+ }
+};
+
+export const Context = React.createContext();
+
+
+// for test data
+// the following methods are for creating dummy row data
+const createRowData = () => {
+ let rowData = [];
+
+ for (let i = 0; i < 14; i++) {
+ let newItem = createItem(rowData);
+ rowData.push(newItem);
+ }
+
+ return rowData;
+};
+
+const createItem = (rowData) => {
+ return {
+ symbol: createUniqueRandomSymbol(rowData),
+ price: Math.floor(Math.random() * 100)
+ };
+};
+
+// creates a unique symbol, eg 'ADG' or 'ZJD'
+const createUniqueRandomSymbol = (rowData) => {
+ let symbol;
+ let possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+
+ let isUnique = false;
+ while (!isUnique) {
+ symbol = '';
+ // create symbol
+ for (let i = 0; i < 3; i++) {
+ symbol += possible.charAt(Math.floor(Math.random() * possible.length));
+ }
+ // check uniqueness
+ isUnique = true;
+ rowData.forEach(function (oldItem) {
+ if (oldItem.symbol === symbol) {
+ isUnique = false;
+ }
+ });
+ }
+
+ return symbol;
+};