evergreen

JavaScript's ...spread Operator

Illustrated notes on how JavaScript's spread operator works

Planted almost 6 years ago

Spreading the elements from one array and copying them into is one of those handy shorthands for moving data around in JavaScript.

I started looking into it after seeing <ComponentName {...props} /> in lots of React projects, and couldn’t figure out what on earth was going on with the props syntax.

Mystery solved…

JavaScript's spread operator copies the content of one array, and dumps them out into another

Want more illustrated notes on web development?

Take a look at JSX is a Lovechild , How Are Compilers & Transpilers Different? or [[A Fruitful Guide to JavaScript’s Comparison Operators]]

4 Backlinks

JavaScript Bits You Skipped the First Time Around

Illustrated notes on advanced but fundamental topics in JavaScript

A Fresh Serving of JavaScript ES2019

Illustrated notes on the new language changes in JavaScript ES2019

A Fruitful Guide to JavaScript's Comparison Operators

Illustrated notes on how JavaScript's comparison operators work

JSX is a Lovechild

Illustrated notes on how JSX in React works