Modern SPA frameworks use certain javascript syntaxes and concepts for easier development. One such syntax is Javascript destructuring.
Consider the following code snippet:
const person = {
'FirstName': 'Kanti',
'LastName': 'Arumilli'
}
console.log(person.FirstName);
console.log(person.LastName);In the above code we have declared an object with two properties and named the object person. The individual properties are accessed and the values are printed to the console.
We can use destructuring to extract the properties into variables.
const { FirstName } = person;
console.log(FirstName);In the above code we have destructured the FirstName property into a seperate variable and printed to the console.
In the following code we can destructure both the properties:
const {FirstName, LastName} = person;Moreover, we can even assign default variables.
const {FirstName, LastName = 'Arumili'} = person;This is an important concept and often used in React when using useState() and props. I would write some blog posts later on these concepts.
–
Mr. Kanti Kalyan Arumilli
B.Tech, M.B.A
Founder & CEO, Lead Full-Stack .Net developer
ALight Technology And Services Limited
Phone / SMS / WhatsApp on the following 3 numbers:
+91-789-362-6688, +1-480-347-6849, +44-07718-273-964
+44-33-3303-1284 (Preferred number if calling from U.K, No WhatsApp)
kantikalyan@gmail.com, kantikalyan@outlook.com, admin@alightservices.com, kantikalyan.arumilli@alightservices.com, KArumilli2020@student.hult.edu, KantiKArumilli@outlook.com and 3 more rarely used email addresses – hardly once or twice a year.
