Add Add Types To An Object Destructuring as a typescript til

typescript/add-types-to-an-object-destructuring.md

@@ -0,0 +1,28 @@
+# Add Types To An Object Destructuring
+
+Let's say I'm building a form component that asks the user for their first name
+and email address. I then want to submit these values to some server endpoint
+to subscribe the user to a newsletter.
+
+Now, what if I want to type the destructuring of the form values?
+
+The standard syntax for doing this with TypeScript conflicts with the
+destructured renaming ES6 feature:
+
+```javascript
+const { firstName: string, email: string } = formValues;
+```
+
+This won't work.
+
+Rather than typing the individual values in the destructuring, you'll need to
+type the destructured object itself.
+
+```typescript
+const {
+  firstName,
+  email,
+}: { firstName: string; email: string } = formValues;
+```
+
+[source](https://flaviocopes.com/typescript-object-destructuring/)