First quiz about Props

mai-repo · Nov 23, 2023 · f1fdb5b · f1fdb5b
1 parent 52782a8
commit f1fdb5b
Show file tree

Hide file tree

Showing 15 changed files with 4,293 additions and 0 deletions.
diff --git a/react-js/quizzes/passingprops/.eslintrc.cjs b/react-js/quizzes/passingprops/.eslintrc.cjs
@@ -0,0 +1,20 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
+  settings: { react: { version: '18.2' } },
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/react-js/quizzes/passingprops/.gitignore b/react-js/quizzes/passingprops/.gitignore
@@ -0,0 +1,43 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+
+# dependencies
+
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
diff --git a/react-js/quizzes/passingprops/README.md b/react-js/quizzes/passingprops/README.md
@@ -0,0 +1,11 @@
+Weekly Quiz - Understanding Passing Props. 
+
+Congratulations! You are working on your first ticket. Your task here is to document the code needed for onboarding the next SWE. The code is working correctly, so you don't need to fix anything, but your manager wants you to: 
+
+1. Write a comment in the code sending props from the form component to its parent component. Your comment should explain why the process is important, and please add a "Don't delete" note. 
+
+2. Write a comment in the code sending props from the parent component to the child component called message.jsx. You should explain in your comment why the process is important, and please add a note for not deleting it. 
+
+3. Inside the app.jsx component, include a comment that documents how the app works and how the data moves from one component to another.
+
+4. Clone the project and update the README in your local. Please don't work in this repo since you don't have permission to push here. 
diff --git a/react-js/quizzes/passingprops/index.html b/react-js/quizzes/passingprops/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>