Remove tuple exercise

Author: kentcdodds

epicshop/post-set-playground.js

@@ -38,3 +38,19 @@ for (const testFile of testFiles) {
 
 	fs.copyFileSync(src, dest)
 }
+
+const tsconfigPath = path.join(destDir, 'tsconfig.json')
+
+if (!fs.existsSync(tsconfigPath)) {
+	fs.writeFileSync(
+		tsconfigPath,
+		JSON.stringify(
+			{
+				extends: '../tsconfig.json',
+				include: ['**/*.ts', '**/*.tsx'],
+			},
+			null,
+			2,
+		) + '\n',
+	)
+}

exercises/04.destructuring/01.problem.object-destructuring/index.ts

@@ -36,5 +36,5 @@ const user: User = {
 // console.log(bio) // 'No bio provided'
 // console.log(formatUserCard(user))
 
-// 🐨 Export your variables and function so we can verify your work
+// 🐨 Export your variables and functi// 💰 exportcan verify your work
 // export { name, email, userId, bio, formatUserCard }

exercises/04.destructuring/02.problem.array-destructuring/README.mdx

@@ -1,7 +1,7 @@
 # Array Destructuring
 
 👨‍💼 Array destructuring extracts elements by position. It's especially useful for
-working with tuples, function return values, and APIs that return arrays.
+working with function return values and APIs that return arrays.
 
 ```ts
 const colors = ['red', 'green', 'blue']
@@ -47,6 +47,4 @@ let b = 2
 2. Use the rest pattern to separate the first item from the rest
 3. Create a function that returns multiple values and destructure the result
 
-💰 The rest pattern can preserve types when used with tuples.
-
 📜 [MDN - Destructuring Assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#array_destructuring)

exercises/04.destructuring/02.problem.array-destructuring/index.ts

@@ -1,7 +1,7 @@
 // Array Destructuring
 // Extracting values from arrays by position
 
-const scores = [95, 87, 76, 92, 88]
+const scores = [95, 92, 88, 87, 76]
 
 // 🐨 Destructure the first two scores into `highest` and `secondHighest`
 // 💰 Destructure the first two elements into variables
@@ -21,8 +21,8 @@ const coordinates: [number, number, number] = [10, 20, 30]
 // 💰 Return a tuple and destructure the result
 
 // Test - uncomment when ready
-// console.log(highest, secondHighest) // 95 87
-// console.log(winner, others) // 95 [87, 76, 92, 88]
+// console.log(highest, secondHighest) // 95 92
+// console.log(winner, others) // 95 [92, 88, 87, 76]
 // console.log(x, y, z) // 10 20 30
 // console.log(min, max) // 76 95
 

exercises/04.destructuring/02.solution.array-destructuring/README.mdx

@@ -6,13 +6,12 @@
 
 1. **Position-based extraction**: `const [first, second] = arr`
 2. **Rest pattern**: `const [head, ...tail] = arr`
-3. **Tuple destructuring**: `const [x, y, z] = coordinates`
-4. **Function return destructuring**: `const [min, max] = getMinMax(nums)`
+3. **Function return destructuring**: `const [min, max] = getMinMax(nums)`
 
 This pattern is foundational for React hooks:
 
 ```ts
-// useState returns a tuple!
+// useState returns an array you can destructure (also called a "Tuple")
 const [count, setCount] = useState(0)
 
 // useReducer too

exercises/04.destructuring/02.solution.array-destructuring/index.test.ts

@@ -56,8 +56,8 @@ await test('highest and secondHighest should be destructured', () => {
 	)
 	assert.strictEqual(
 		solution.secondHighest,
-		87,
-		'🚨 secondHighest should be 87 - destructure second element from scores',
+		92,
+		'🚨 secondHighest should be 92 - destructure second element from scores',
 	)
 })
 
@@ -69,8 +69,8 @@ await test('winner and others should use rest pattern', () => {
 	)
 	assert.deepStrictEqual(
 		solution.others,
-		[87, 76, 92, 88],
-		'🚨 others should be [87, 76, 92, 88] - use rest pattern',
+		[92, 88, 87, 76],
+		'🚨 others should be [92, 88, 87, 76] - use rest pattern',
 	)
 })
 

exercises/04.destructuring/02.solution.array-destructuring/index.ts

@@ -1,7 +1,7 @@
 // Array Destructuring
 // Extracting values from arrays by position
 
-const scores = [95, 87, 76, 92, 88]
+const scores = [95, 92, 88, 87, 76]
 
 // Destructure first two elements
 const [highest, secondHighest] = scores
@@ -22,8 +22,8 @@ function getMinMax(nums: Array<number>) {
 
 const [min, max] = getMinMax(scores)
 
-console.log(highest, secondHighest) // 95 87
-console.log(winner, others) // 95 [87, 76, 92, 88]
+console.log(highest, secondHighest) // 95 92
+console.log(winner, others) // 95 [92, 88, 87, 76]
 console.log(x, y, z) // 10 20 30
 console.log(min, max) // 76 95
 

exercises/04.destructuring/FINISHED.mdx

@@ -14,7 +14,7 @@ You learned:
 🦉 Destructuring is everywhere in modern JavaScript:
 
 ```ts
-// React hooks return tuples
+// React hooks return arrays you can destructure
 const [count, setCount] = useState(0)
 
 // Props destructuring