additional README updates

Author: Seth Lemmons

10-grid-features/a-controlling-cell-data/README.md

@@ -1,14 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # a-controlling-cell-data
 
-This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the
-grid component.  The "email" column is configured with a cell renderer function
-that returns the e-mail value from the data source as a clickable `mailto` link.
+This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the grid component.  The "email" column is configured with a cell renderer function that returns the e-mail value from the data source as a clickable `mailto` link.
 
 *Make sure you have npm installed.*
 

10-grid-features/b-column-locking/README.md

@@ -1,15 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # b-column-locking
 
-This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the
-grid component.  The "name" column is configured with `pinned: 'left'` to lock
-it in place when scrolling to the right.  One or more columns can be pinned on
-the left or right-hand side of the grid.
+This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the grid component.  The "name" column is configured with `pinned: 'left'` to lock it in place when scrolling to the right.  One or more columns can be pinned on the left or right-hand side of the grid.
 
 *Make sure you have npm installed.*
 
@@ -20,8 +13,7 @@ $ npm install
 $ npm start
 ```
 
-A browser window will automatically open and will load the app.  Scroll to the
-right to see the name grid locked in position.
+A browser window will automatically open and will load the app.  Scroll to the right to see the name grid locked in position.
 
 
 # Create React App README

10-grid-features/c-cell-editing/README.md

@@ -1,15 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # c-cell-editing
 
-This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the
-grid component.  The "name" column is configured with `editable: true`.
-Double-clicking a cell in the name column will show an editor text field in
-order to modify the cell value.
+This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the grid component.  The "name" column is configured with `editable: true`. Double-clicking a cell in the name column will show an editor text field in order to modify the cell value.
 
 *Make sure you have npm installed.*
 
@@ -20,8 +13,7 @@ $ npm install
 $ npm start
 ```
 
-A browser window will automatically open and will load the app.  Double-click on
-a cell in the "name" column to see the editor in action.
+A browser window will automatically open and will load the app.  Double-click on a cell in the "name" column to see the editor in action.
 
 
 # Create React App README

10-grid-features/d-custom-editor/README.md

@@ -1,18 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # d-custom-editor
 
-This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the
-grid component.  The "name" column is configured with `editable: true`.  The
-"email" column is configured as editable as well.  However, it is configured
-with a custom editor field from `src/CustomEditor.js`.  The `CustomEditor`
-returns an input field with `type="email"`.  Double-clicking a cell in the name
-or email column will show an editor text field in order to modify the cell
-value.
+This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the grid component.  The "name" column is configured with `editable: true`.  The "email" column is configured as editable as well.  However, it is configured with a custom editor field from `src/CustomEditor.js`.  The `CustomEditor` returns an input field with `type="email"`.  Double-clicking a cell in the name or email column will show an editor text field in order to modify the cell value.
 
 *Make sure you have npm installed.*
 
@@ -23,9 +13,7 @@ $ npm install
 $ npm start
 ```
 
-A browser window will automatically open and will load the app.  Double-click on
-a cell in the "name" column to see the standard editor in action.  Double-click
-a cell in the "email" column to show the custom editor field.
+A browser window will automatically open and will load the app.  Double-click on a cell in the "name" column to see the standard editor in action.  Double-click a cell in the "email" column to show the custom editor field.
 
 
 # Create React App README

10-grid-features/e-infinite-scrolling/README.md

@@ -1,15 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # e-infinite-scrolling
 
-This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the
-grid component.  The grid is configured with `rowModelType="infinite"` so that
-as the user scrolls to the bottom of the grid, additional pages of data are
-requested.
+This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the grid component.  The grid is configured with `rowModelType="infinite"` so that as the user scrolls to the bottom of the grid, additional pages of data are requested.
 
 *Make sure you have npm installed.*
 
@@ -20,9 +13,7 @@ $ npm install
 $ npm start
 ```
 
-A browser window will automatically open and will load the app.  Scroll to the
-bottom of the grid's scrollable area to see an additional dataset loaded to the
-grid.
+A browser window will automatically open and will load the app.  Scroll to the bottom of the grid's scrollable area to see an additional dataset loaded to the grid.
 
 
 # Create React App README

11-tree/a-basic-tree/README.md

@@ -1,14 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # a-basic-tree
 
-This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the
-tree component.  The tree component renders hierarchal data similar to the tree
-component in Ext JS.
+This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the tree component.  The tree component renders hierarchal data similar to the tree component in Ext JS.
 
 **Note: The tree component is a paid feature of ag-Grid**
 

11-tree/b-advanced-tree/README.md

@@ -1,18 +1,10 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # b-advanced-tree
 
-This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the
-tree component.  The hierarchal tree data is rendered in the "Organisational
-Hierarchy" column with associated data shown in three additional columns similar
-to the tree grid view in Ext JS.
+This project uses [ag-Grid](https://www.npmjs.com/package/ag-grid-react) as the tree component.  The hierarchal tree data is rendered in the "Organisational Hierarchy" column with associated data shown in three additional columns similar to the tree grid view in Ext JS.
 
-The tree is configured with several advanced features including cell editing and
-column locking / pinning.
+The tree is configured with several advanced features including cell editing and column locking / pinning.
 
 **Note: The tree component is a paid feature of ag-Grid**
 
@@ -25,9 +17,7 @@ $ npm install
 $ npm start
 ```
 
-A browser window will automatically open and will load the app.  Double-click a
-cell in the tree column to show the editor text field.  Scroll the view to the
-right to see the first column locked in place.
+A browser window will automatically open and will load the app.  Double-click a cell in the tree column to show the editor text field.  Scroll the view to the right to see the first column locked in place.
 
 
 # Create React App README

12-form-fields/README.md

@@ -17,7 +17,7 @@ In the following examples we show how to create various form fields from Ext JS
 
 ### Related Blog Article
 
-[Ext JS to React: Form Fields](TBD)
+[Ext JS to React: Form Fields](https://moduscreate.com/blog/ext-js-react-form-fields/)
 
 
 

12-form-fields/a-input/README.md

@@ -1,14 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # a-input
 
-This project creates a simple text field for use in a React application.  Input
-fields themselves are very straightforward since they are just HTML5 input
-elements with content-specific attributes.
+This project creates a simple text field for use in a React application.  Input fields themselves are very straightforward since they are just HTML5 input elements with content-specific attributes.
 
 *Make sure you have npm installed.*
 

12-form-fields/b-textarea/README.md

@@ -1,14 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # b-textarea
 
-This project creates a simple textarea field for use in a React application.
-Textareas themselves are very straightforward since they are just textarea
-elements.
+This project creates a simple textarea field for use in a React application. Textareas themselves are very straightforward since they are just textarea elements.
 
 *Make sure you have npm installed.*
 

12-form-fields/c-select/README.md

@@ -1,13 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # c-select
 
-This project creates a simple select / option field for use in a React
-application.
+This project creates a simple select / option field for use in a React application.
 
 *Make sure you have npm installed.*
 

12-form-fields/d-combo/README.md

@@ -1,13 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # d-combo
 
-This project creates a datalist component similar to the combobox control from
-Ext JS.
+This project creates a datalist component similar to the combobox control from Ext JS.
 
 *Make sure you have npm installed.*
 

12-form-fields/e-range-slider/README.md

@@ -1,13 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # e-range-slider
 
-This project creates a slider control using an input field of type
-`type="range"`.
+This project creates a slider control using an input field of type `type="range"`.
 
 *Make sure you have npm installed.*
 

12-form-fields/f-datefield/README.md

@@ -1,13 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # f-datefield
 
-This project creates a slider control using an input field of type 
-`type="data"`.
+This project creates a slider control using an input field of type `type="data"`.
 
 *Make sure you have npm installed.*
 

12-form-fields/g-number-spinner/README.md

@@ -1,13 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # g-number-spinner
 
-This project creates a slider control using an input field of type 
-`type="number"`.
+This project creates a slider control using an input field of type `type="number"`.
 
 *Make sure you have npm installed.*
 

12-form-fields/h-radio/README.md

@@ -1,14 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # h-radio
 
-This project creates a form with three radio fields defined in `src/Radio.js`.
-The `Radio` fields are controlled fields with their checked state coming from
-the component state property.
+This project creates a form with three radio fields defined in `src/Radio.js`. The `Radio` fields are controlled fields with their checked state coming from the component state property.
 
 *Make sure you have npm installed.*
 

12-form-fields/i-checkbox/README.md

@@ -1,14 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # i-checkbox
 
-This project creates a form with two checkbox fields defined in
-`src/Checkbox.js`.  The `Checkbox` fields are controlled fields with their
-checked state coming from the component state property.
+This project creates a form with two checkbox fields defined in `src/Checkbox.js`.  The `Checkbox` fields are controlled fields with their checked state coming from the component state property.
 
 *Make sure you have npm installed.*
 

12-form-fields/j-toggle/README.md

@@ -1,14 +1,8 @@
-This project was generated as a sample React application using
-[create-react-app](https://www.npmjs.com/package/create-react-app) as described
-in the
-[Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog
-post.
+This project was generated as a sample React application using [create-react-app](https://www.npmjs.com/package/create-react-app) as described in the [Scaffolding](https://moduscreate.com/blog/ext-js-to-react-scaffolding/) blog post.
 
 # j-toggle
 
-This project creates a `Toggle` component from `src/Toggle.js`.  The `Toggle`
-field is effectively a checkbox styled to look like a toggle switch.  The
-styling for the `Toggle` field is imported from `src/Toggle.css`.
+This project creates a `Toggle` component from `src/Toggle.js`.  The `Toggle` field is effectively a checkbox styled to look like a toggle switch.  The styling for the `Toggle` field is imported from `src/Toggle.css`.
 
 *Make sure you have npm installed.*
 

13-form-validation/README.md

@@ -8,5 +8,5 @@ In the following example we explore how to validate form fields within a React f
 
 ### Related Blog Article
 
-v
+[Ext JS to React: Form Validation](https://moduscreate.com/blog/ext-js-react-form-validations/)