Prabhu Sunderaraman

A number of JavaScript libraries these days, require strong understanding of the ES6 language. If you want to comfortably work with libraries like Redux, ReactJS, Relay, GraphQL it’s important to understand some of the latest concepts.

My first article/video in the series talks about Object Destructuring.
The second one, discusses Array Destructuring.
The third topic is on writing relaxed JSON.
The fourth topic is about using Rest operators.
The fifth topic is about using Spread operators.

The topic I have discussed here is Template Strings that allows you to interpolate strings and create multiline strings.

let name = 'Sam'

//Old style
//let message = 'Hi ' + name + '!'

let message = `Hi ${name}!`
let message2 = `Hello ${name.substring(0,1)}!`
console.log(message2);

let multineString = `This
is
a
multiline
string`
console.log(multineString);

let city = 'London'
let msg = `I am in ${city}`//Not lazily evaluated
city = 'Paris'
console.log(msg);

You can watch the video here

A number of JavaScript libraries these days, require strong understanding of the ES6 language. If you want to comfortably work with libraries like Redux, ReactJS, Relay, GraphQL it’s important to understand some of the latest concepts.

My first article/video in the series talks about Object Destructuring. The second one, discusses Array Destructuring. The third topic is on writing relaxed JSON. The topic I have discussed here is Rest Operator that allows you to create a function with variable number of arguments.

The topic I have discussed here is Rest Operator that allows you to create a function with variable number of arguments.

let add = function(x,y,...numbers){
//	console.log(arguments);
	let total = 0
	numbers.forEach(num => {
		total += num
	})
	console.log(total);
}

//add([1,2,3,4,5])
add(1,2,3,4,5)

You can watch the video here

A number of JavaScript libraries these days, require strong understanding of the ES6 language. If you want to comfortably work with libraries like Redux, ReactJS, Relay, GraphQL it’s important to understand some of the latest concepts.

Here’s my second item in the series of articles with videos on the topics. The second topic is Array Destructuring, where we extract items from an array and assign to variables.

let numbers = [10,20,30]

//Old style
// let a = numbers[0]
// let b = numbers[1]
// let c = numbers[2]

//ES2017
let [a,b,c] = numbers
console.log(a,b,c);

let [i,_,k] = numbers
console.log(i,k);

//Swapping two numbers
var num1 = 100
var num2 = 200

var [num2,num1] = [num1,num2]
console.log(num1,num2);

You can watch the video here