You're in good company

Right off the bat get your own personal site - use it as a free personal blog, or portfolio site.

Free forever

Customize your site's branding - your own custom domain, colors, layout, and more.

Tailor your branding.

Home

When working with props, especially in Higher-Order  Components (HOC), you may need to pass a large number of props (even though prop drilling is usually not recommended, in some cases with HOC it may be the more optimal approach).

Typing out each property manager can be very cumbersome; for this reason, a new JavaScript operator syntax was introduced and it’s called the spread operator.

Let's consider a case where you need to pass through multiple props. This could be as little as 2, 3 or many more. Without the 

In this example we only have three props altogether, so we aren't winning too much, but imagine if you had 10-30 or even more props… 

' worth reminding that prop drilling typically comes with a number of caveats - 

ing your props, so go figure, amirite? We will discuss each one of these in another article.

 props that will be passed to a component, which means it is essentially 

 (as you probably already know, naming in programming matters❗) so essentially it could be rewritten like this:

Here we take the props (regular function arguments syntax) and then use the spread-onto-a-component syntax 

We could also destructure some of the props NOT to include them in the rest like so:

 will not. And that is because we essentially destructure it by extracting it from props and spreading the 

Spread operator can be very handy in certain situations. In this article, we will learn what it is and how to use it

What is and how to use JavaScript spread operator

Discussions