Wave 04 async

.gitignore

@@ -12,6 +12,8 @@ dist
 dist-ssr
 *.local
 
+.env
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json

README.md

@@ -15,10 +15,11 @@ The goals of this pair project are to:
 
 - Part 1: React Components, Props, State and Event Handling
     - [Wave 01: Setup and Baseline](./project-docs/wave-01.md)
-    - [Wave 02: Lifting Up State](./project-docs/wave-02.md)
+    - [Wave 02: State and Event Handling](./project-docs/wave-02.md)
+    - [Wave 03: Lifting Up State](./project-docs/wave-03.md)
 - Part 2: Connecting to the Task List API
-    - [Wave 03: useEffect And Axios](./project-docs/wave-03.md)
-    - [Wave 04: Handling Forms](./project-docs/wave-04.md)
+    - [Wave 04: useEffect And Axios](./project-docs/wave-04.md)
+    - [Wave 05: Handling Forms](./project-docs/wave-05.md)
 
 ## Notes on Tests
 

eslint.config.mjs

@@ -0,0 +1,66 @@
+import { fixupConfigRules } from "@eslint/compat";
+import reactRefresh from "eslint-plugin-react-refresh";
+import globals from "globals";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+import vitestGlobals from "eslint-plugin-vitest-globals";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+    baseDirectory: __dirname,
+    recommendedConfig: js.configs.recommended,
+    allConfig: js.configs.all
+});
+
+export default [{
+    ignores: ["**/dist", "**/.eslintrc.cjs", "**/eslint.config.mjs", "**/vite.config.js"],
+},
+{
+    files: ["**/*.js", "**/*.jsx"]
+}
+, ...fixupConfigRules(compat.extends(
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
+    "plugin:vitest-globals/recommended",
+)), {
+    plugins: {
+        "react-refresh": reactRefresh,
+    },
+
+    languageOptions: {
+        globals: {
+            ...globals.browser,
+            ...vitestGlobals.environments.env.globals,
+        },
+
+        ecmaVersion: "latest",
+        sourceType: "module",
+    },
+
+    settings: {
+        react: {
+            version: "18.2",
+        },
+    },
+
+    rules: {
+        "react-refresh/only-export-components": ["warn", {
+            allowConstantExport: true,
+        }],
+
+        semi: ["warn", "always"],
+        "comma-dangle": ["warn", "only-multiline"],
+
+        quotes: ["error", "single", {
+            allowTemplateLiterals: true,
+            avoidEscape: true,
+        }],
+
+        camelcase: "error",
+    },
+}];