more edits to responses after bug stuck

Author: brianamarie

responses/05_add-state-variable-activity.md

@@ -1,27 +1,30 @@
-### Step 6: Add a state variable
+## State variables
 
 In React, we store dynamic data in **state variables**. Let's take a look at how we store state variables. In `src/App.jsx`, take a look at the constructor. You'll see that we declare our state variables using `this.state = {.....}`.
 
-
 Currently, in `App`, we have three state variables:
 - `buttonClicked` - This stores which button was clicked. It is a state variable because the button that is clicked has the ability to change.
 - `assignments` - This stores the list of assignments. It is a state variable because the list changes every time a new assignment is added.
 - `grades` - This should store the grade for each student. However, we have no way to store students, so let's fix that!
 
+## Step 6: Add a state variable
+
+Let's add a way to store students as a variable.
+
 ### :keyboard: Activity: Add a state variable to `src/App.jsx`
 
-1. On line 11, add a state variable named `students` 
+1. On line 11 of `src/App.jsx`, add a state variable named `students`
 2. Set `students` equal to an empty array
 3. Add a comma: `students: [],`
-4. Save your code
+4. Save your changes
 5. To run your code, move inside your repo folder in your terminal and run `npm start`
 6. Exit the process in your terminal using `Ctrl + C`
-7. Commit and push your code to the `changes` branch:
+7. Stage, commit, and push your changes to the `changes` branch:
     ```
     git add src/App.jsx
     git commit -m "add a state variable for students"
     git push
     ```
 
 <hr>
-<h3 align="center">Watch below this comment for my response</h3>
+<h3 align="center">Watch below this comment for my response.</h3>

responses/05_state.md

@@ -1,12 +1,11 @@
-## A Date with Data - State Variables
+## State Variables
 
 So now, we learned how to pass data to components, but let's talk about the data itself.
 
 There are two types of data: **static data** and **dynamic data**.
 
-Static data doesn't change, hence the name static. Things like a title on a page or the name of a button would be static data.
-
-Dynamic data, on the other hand, is data that does change because we can change it by adding an item to the list. Our list of assignments would be considered dynamic data. But how do we deal with dynamic data in React? We can't just dump it in a component, because how will we tell the data to change?
+Static data doesn't change. Things like a title on a page or the name of a button would be static data.
 
+Dynamic data, on the other hand, is data that does change. In our example, we can change it by adding an item to the list. Our list of assignments would also be considered dynamic data. But,  how do we deal with dynamic data in React?
 
 Scroll below to take a look in the code!

responses/06_create-addstudent-activity.md

@@ -4,19 +4,19 @@ Now that we see how it works with assignments, let's try it with students! We wi
 
 ### :keyboard: Activity: Create an `addStudent` method in `src/App.jsx`
 
-1. On line 37, create a method called `addStudent` below the comment
-   - `addStudent` should take `studentName` as a parameter 
-   - `addStudent` should concat `studentName` to the end of `students` list that we created earlier 
+1. On line 37 of `src/App.jsx`, create a method called `addStudent` below the comment
+   - `addStudent` should take `studentName` as a parameter
+   - `addStudent` should concat `studentName` to the end of `students` list that we created earlier
     - **Hint**: You can copy the same format for the `addAssignment` method
-2. Save your code
+2. Save your changes
 3. To run your code, move inside your repo folder in your terminal and run `npm start`
 4. Exit the process in your terminal using `Ctrl + C`
-5. Commit and push your code to the `changes` branch:
+5. Stage, commit, and push your changes to the `changes` branch:
     ```
     git add src/App.jsx
     git commit -m "create addStudents method"
     git push
     ```
 
 <hr>
-<h3 align="center">Watch below this comment for my response</h3>
+<h3 align="center">Watch below this comment for my response.</h3>

responses/06_explaining-this-state-activity.md

@@ -1,8 +1,8 @@
 ### Explaining `this.setState`
 
-Ok, so now we added a state variable, how do we actually change the data?
+How do we change data within a state variable?
 
-Unfortunatley, we can't just do `this.state.studentsList = .....` to change data.
+Unfortunately, we can't just do `this.state.studentsList = .....` to change data.
 
 To set the state of a state variable we have to use the method, `this.setState`.
 

responses/07_bind-function-activity.md

@@ -1,21 +1,19 @@
-### Step 8: Binding a method
+## Step 8: Binding a method
 
-Also, since we created a method that changes the a state variable, we have to bind it to our class, so that when we call it, we know what method to reference.
-
-Go ahead and uncomment the line to bind `addStudent` to `App`.
+Since we created a method that changes a state variable, we have to bind it to our class. Then, when we call it, we know what method to reference.
 
 ### :keyboard: Activity: Bind `addStudent` to `App`
 
-1. On line 19, uncomment the line to bind `addStudent` to `App`
-2. Save your code
+1. Uncomment line 18 of `src/App.jsx` to bind `addStudent` to `App`
+2. Save your changes
 3. To run your code, move inside your repo folder in your terminal and run `npm start`
 4. Exit the process in your terminal using `Ctrl + C`
-3. Commit and push your code to the `changes` branch:
+5. Stage, commit, and push your changes to the `changes` branch:
     ```
     git add src/App.jsx
     git commit -m "bind addStudent to App"
     git push
     ```
 
 <hr>
-<h3 align="center">Watch below this comment for my response</h3>
+<h3 align="center">Watch below this comment for my response.</h3>

responses/08_callbackfunctions.md

@@ -1,7 +1,5 @@
-## Throwing it Back - Callback Functions
+## Callback Functions
 
-The last thing you need to know before you can call yourself a React Developer is callback functions.  We said that we can pass data to the child with `props`, but what about passing data from the child to the parent? 
+The last thing you need to know before you can call yourself a React Developer is callback functions.  We said that we can pass data to the child with `props`, but what about passing data from the child to the parent?
 
-With **callback functions**, we are able to do just that. Basically, we **pass a function as a prop**, and then the child component can call the function that was defined in the parent. Yeah, that's confusing. Let's look at an example.
-
-Scroll Below!
+With **callback functions**, we are able to do just that. We **pass a function as a prop**, and then the child component can call the function that was defined in the parent. Let's look at an example below.

responses/08_change-props-students-activity.md

@@ -1,28 +1,24 @@
 ## Step 9: Adding the correct props
 
-Take a look at this conditional between lines 71 and 80 in `src/App.jsx`. 
+There are some issues with this code. We want to be modifying the `students` list, not the `assignments` list.
 
-We are trying to render the correct component when we click `Students`.
-
-There are some issues with this code. We want to be modifying the `students` list, not the `assignments` list. 
-
-Let's go ahead and change some props!
+Let's change some props between lines 71 and 80 to render the correct components when we click `Students`.
 
 ### :keyboard: Activity: Change the props for Students
 
-1. Uncomment the conditional statement between lines 71 and 80
-2. On line 74, change the `placeholder` prop to `"Add Student..."`
-3. On line 75, change the `currList` prop to `{this.state.students}`
-4. On line 76, change the `addFunction` prop to `{this.addStudent}`
-5. Save your code
+1. Uncomment the conditional statement between lines 65 and 75 of `src/App.jsx`
+2. On line 68, change the `placeholder` prop to `"Add Student..."`
+3. On line 69, change the `currList` prop to `{this.state.students}`
+4. On line 70, change the `addFunction` prop to `{this.addStudent}`
+5. Save your changes
 6. To run your code, move inside your repo folder in your terminal and run `npm start`
 7. Exit the process in your terminal using `Ctrl + C`
-8. Commit and push your code to the `changes` branch:
+8. Stage, commit, and push your changes to the `changes` branch:
     ```
     git add src/App.jsx
     git commit -m "change props for students rendering"
     git push
     ```
 
 <hr>
-<h3 align="center">Watch below this comment for my response</h3>
+<h3 align="center">Watch below this comment for my response.</h3>

responses/08_passing-functions-activity.md

@@ -1,12 +1,10 @@
-### Look at an example of passing functions as props
+### Example of passing functions as props
 
 So where exactly are those functions we created to set state getting called?
 
 On line 63 in `src/App.jsx`, it looks like we pass the `addAssignment` function as a prop in this chunk of code.
 
-Navigate to `src/List.jsx`
-
-Let's take a look at this piece of code between lines 18 and 25 in `src/List.jsx`.
+Navigate to `src/List.jsx` and take a look at the code between lines 18 and 25 in `src/List.jsx`.
 
 ```jsx
 handleSubmit(event) {
@@ -19,6 +17,6 @@ handleSubmit(event) {
 }
 ```
 
-It looks like when the submit button is clicked, we call the `addFunction` with the value of our input box. For assignments, this `addFunction` references the `this.addAssignment` in `App`. So when we call `this.props.addFunction`, we are calling back to the parent component and using the parent's function. 
+When the submit button is clicked, we call the `addFunction` with the value of our input box. For assignments, the `addFunction` references the `this.addAssignment` in `App`. So when we call `this.props.addFunction`, we are calling back to the parent component and using the parent's function.
 
-Scroll below for next steps!
+Scroll below for next steps.

responses/09_uncomment-grades-activity.md

@@ -1,20 +1,19 @@
-## Step 10: Uncomment the Grades Section 
-
-LAST THING! Let's get our grades working! At the end of this activity, your code should now be able to add assignments, students, and grades! You will be done!
+## Step 10: Include Grades
 
+Let's get our grades working! At the end of this activity, your code should now be able to add assignments, students, and grades.
 
 ### :keyboard: Activity: Uncomment the grades conditional in `src/App.jsx`
 
-1. Uncomment the conditional statment between lines 83 and 92 for our `grades` tab
-2. Save your code
+1. In the `src/App.jsx` file, uncomment the conditional statement between lines 77 and 86 for our `grades` tab
+2. Save your changes
 3. To run your code, move inside your repo folder in your terminal and run `npm start`
 4. Exit the process using `Ctrl + C`
-5. Commit and push your code to the `changes` branch:
+5. Stage, commit, and push your changes to the `changes` branch:
     ```
     git add src/App.jsx
     git commit -m "uncomment grades section"
     git push
     ```
 
 <hr>
-<h3 align="center">Watch below this comment for my response</h3>
+<h3 align="center">Watch below this comment for my response.</h3>

responses/10_approve.md

@@ -1,9 +1,10 @@
 ## Step 11: Merge your pull request
 
-We have approved all of your chages
+Now that we've approved the changes, it's time to merge the pull request.
 
 ### :keyboard: Activity: Merge the `changes` branch into `master`
+
 1. Click the `Merge Pull Request` button
 
 <hr>
-<h3 align="center">Watch below this comment for my response</h3>
+<h3 align="center">Watch below this comment for my response.</h3>