From 772d0d4799b460d9ac9cc714428184d4b6197237 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Wed, 6 Jun 2018 14:03:45 -0400
Subject: [PATCH] Update AJAXRedux.md

---
 AJAXRedux.md | 53 +++++++---------------------------------------------
 1 file changed, 7 insertions(+), 46 deletions(-)

diff --git a/AJAXRedux.md b/AJAXRedux.md
index d516629..5c7baad 100755
--- a/AJAXRedux.md
+++ b/AJAXRedux.md
@@ -5,14 +5,13 @@ Let's integrate a web API into our [last build](CommentsRedux2.md)
 ## Lesson Objectives
 
 1. Make an AJAX GET Request Using Fetch
-1. Make an AJAX POST Request Using Fetch
 1. Create a SET Reducer for the Store
 1. Dispatch a SET action appropriately
 1. Dispatch a ADD action appropriately
 
 ## Make an AJAX GET Request Using Fetch
 
-In `js/index.js` make a test GET request:
+In `js/index.js` make a GET request:
 
 ```javascript
 fetch('https://stupidcomments.herokuapp.com/comments').then(function(response){
@@ -22,30 +21,6 @@ fetch('https://stupidcomments.herokuapp.com/comments').then(function(response){
 });
 ```
 
-## Make an AJAX POST Request Using Fetch
-
-In `js/index.js` make a test POST request:
-
-```javascript
-fetch(
-    'https://stupidcomments.herokuapp.com/comments',
-    {
-        headers: {
-            'Accept': 'application/json',
-            'Content-Type': 'application/json'
-        },
-        method: "POST",
-        body: JSON.stringify({ body:'again from react' })
-    }
-).then(function(response){
-    response.json().then(function(data){
-        console.log(data);
-    });
-});
-```
-
-**NOTE** When you're finished with this code, comment it out, so you don't keep creating new comments
-
 ## Create a SET Reducer for the Store
 
 Our plan is the make a GET request to our API and then set the store to the response's values.
@@ -67,31 +42,17 @@ let comments = function(state = [], action){
 
 ## Dispatch a SET action appropriately
 
-Once our `js/components/commentslist.jsx` component mounts, make the approriate AJAX request and dispatch a SET action.
+In `index.js`:
 
 ```javascript
-componentDidMount(){
-    fetch('https://stupidcomments.herokuapp.com/comments').then(function(response){
-        response.json().then(function(data){
-            console.log(data);
-        });
+fetch('https://stupidcomments.herokuapp.com/comments').then((response)=>{
+    response.json().then((data)=>{
+        store.dispatch({type:'SET', comments:data});
     });
-}
-```
-
-Now dispatch a `SET` action:
-
-```javascript
-componentDidMount(){
-    fetch('https://stupidcomments.herokuapp.com/comments').then(function(response){
-        response.json().then(function(data){
-            store.dispatch({type:'SET', comments:data});
-        });
-    });
-}
+});
 ```
 
-## Dispatch a ADD action appropriately
+## Dispatch an ADD action appropriately
 
 In `js/components/commentsform.jsx` alter the `handleSubmit` property to make an AJAX POST request: