JS & TS Fundamentals
JavaScript API
TypeScript Deep Dive
Work with Generics
# React Components and Destructuring
Destructuring in React is a widely used technique that allows you to extract properties from objects or arrays, making them more easily accessible within your components.
For example, consider a functional component in React that receives a
props object with various properties.
By using destructuring, you can directly extract only the necessary properties within the body of the component function, streamlining your code and enhancing readability
Without Destructuring
With Destructuring
default values
In the example that does not use destructuring we assign a default value with a trick:
{ props.firstName || 'Guest' }that means "if
props.firstName is undefined or null, use 'Guest' instead"Using destructuring, we can also provide default values for
firstName, setting it to 'Guest' when no value is assigned.
