Server
Client
Request
Response
FRONTNED
What is frontend?
HTML
CSS
Java Script
Typescript
Dart
FRAMEWORK
What is framework?
React
Angular
Vue
DESTRUCTURING
const arr = ['John', 'Jane'];
const [user1, user2] = arr;
console.log(user1);
// Expected output 'John'Similar is the case with Javascript
What is Destructuring?
The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.
Why use destructuring?
- Improve Readability
- Functional Programming Support
- Enhanced Maintainability
- Enhanced Conciseness
const obj = {name : 'Jane', age : 30};
({ name, age } = obj);
console.log(name);- When variables are already declared.
- Inside Block Scope
- Reassigning Values During Iterations or Multiple Function Calls
- Dynamic Assignments in Functions