Merge pull request #38 from neu-se/m09-react-hooks

M09 react hooks

.gitignore

@@ -9,3 +9,4 @@ vendor/
 *~
 .DS_Store
 Gemfile.lock
+

_data/modules.yml

@@ -27,7 +27,7 @@
   page: /modules/8-react
 5a:
   name: React Part 2 (Hooks)
-  page: 
+  page: /modules/9-patterns-of-react
 5b:
   name: Distributed System Architectures (Part 1)
   page: 

lectures/l9.md

@@ -0,0 +1,32 @@
+---
+layout: module
+title: "9 - React Hooks"
+permalink: /modules/9-patterns-of-react
+parent: Modules
+nav_order: 9
+lessons: 
+  - title: "React Hooks"
+    ppt: "Module 09 React Hooks.pptx"
+    pdf: "Module 09 React Hooks.pdf"
+
+---
+### Learning Objectives:
+Building on Module 8, we will have a deeper discussion of common patterns of programming with React. By the end of this module you should be able to:
+
+* Explain the basic uses of `useEffect`
+* Explain when a `useEffect` is executed, and when its return value is executed
+* Construct simple custom hooks and explain why they are useful
+* Be able to map the three core steps of a test (assemble, act, assess) to UI component testing.
+
+
+{% include lesson.html %}
+
+### Activity
+* No activity this week
+
+
+### Resources
+* [Code examples from lecture (zip)]({{ site.baseurl }}{% link Examples/module-09-react-hooks-examples.zip %})
+* [React reference for `useEffect`](https://react.dev/reference/react/useEffect)
+* [Your First Test With Cypress](https://docs.cypress.io/guides/end-to-end-testing/writing-your-first-end-to-end-test)
+* [testing-library for React](https://testing-library.com/)