Destructuring
Example data
ES5 way
ES6 way
ES6 way
ES6 way
Single array element
Nested arrays
Nested arrays
Any nesting level
Swap two values
Swap two values ES6
Objects destruct
Objects destruct ES6
Objects destruct ES6
Objects destruct ES6
What are we going to talk about?
What are we going to talk about?
Destructuring
Spread operator
Rest operator
Hubert Wesołowski
ES6 for the lazy
linkedin.com/in/hubert-wesolowski
hubert.wesolowski@ivanti.com
Object key shorthand
Object key shorthand
(No) default value
?
(No) default value
Default value
Default value
Default value
Default value
?
Default value
Default value
Default value
Default value
Default value
Default value
?
Default value
Default value
Aliases
Going crazy!
?
Going crazy!
Spread and rest operator
...
...
&
Spread
Rest
Rest operator
Rest operator
Rest operator
Proposal !!!
Spread operator
Spread operator
Spread operator
Spread operator
Spread operator
Spread operator
Spread operator
THANK YOU !
hwesol13@gmail.com
ES6 for the lazy
By Hubert Wesołowski
ES6 for the lazy
Destruct, spread and rest operators as a tools to keep code clean and more readable.
