Browsing: / Home
Shortlink

Modern JavaScript concepts you need to know – Spread operator

By Prabhu Sunderaraman on April 19, 2018 in

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 topic I have discussed here is Spread Operator that allows you to expand iterables like arrays. 

//...Spread operator

let arr1 = [1,2,3]
let arr2 = [4,5,6]

//let numbers = [arr1,arr2]

let numbers = [...arr1,...arr2]
console.log(numbers);

let original = [10,20,30]
let copy = [...original]
copy[0] = 100
console.log(original,copy);

You can watch the video here


Mixx Delicious Digg Facebook Twitter
Shortlink

Modern JavaScript concepts you need to know – Rest operator

By Prabhu Sunderaraman on April 11, 2018 in

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


Mixx Delicious Digg Facebook Twitter
Shortlink

Modern JavaScript concepts you need to know – Relaxed JSON

By Prabhu Sunderaraman on April 10, 2018 in

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. And now let’s talk about Relaxed JSON, where working with JSON has become a breeze with minimal keystrokes. 


let title = "Programming Ruby"
let price = 12.4

//Old style
// let book = {
// 	title: title,
// 	price: price,
// 	buy: function(store){
// 		console.log("Buying from " + store);
// 	}
// }

//New Style
 let book = {
 	title,
 	price,
 	buy(store){
 		console.log("Buying from " + store);
 	}
 }
 console.log(book);
 book.buy("Amazon")

You can watch the video here


Mixx Delicious Digg Facebook Twitter
Shortlink

Modern JavaScript concepts you need to know – Array Destructuring

By Prabhu Sunderaraman on April 9, 2018 in

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


Mixx Delicious Digg Facebook Twitter
Shortlink

Modern JavaScript concepts you need to know – Object Destructuring

By Prabhu Sunderaraman on April 8, 2018 in

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 series of articles with videos on the topics. The first topic is Object Destructuring, where we extract items from an object and assign to variables based on simple pattern matching. 

let person = {
	name: "Sam",
	age: 12,
	address: {
		city: "London"
	}
}
//Old style
// let name = person.name
// let age = person.age

//ES2017
let { name,age } = person
console.log(name,age);

let {n,a} = person
console.log(n,a);

let {address:{city}} = person
console.log(city);

You can watch the video here


Mixx Delicious Digg Facebook Twitter