Skip to content

Instantly share code, notes, and snippets.

View sanketmeghani's full-sized avatar

Sanket Meghani sanketmeghani

6 followers · 1 following
View GitHub Profile
@sanketmeghani
sanketmeghani / simple-generator-function.js
Last active October 21, 2017 12:01
ES6 Generator Function
function* myFirstGenerator(a) {
console.log('Before yielding');
let b = 5 + (yield(a + 5));
console.log('After yielding');
return b;
}
@sanketmeghani
sanketmeghani / delegate-to-another-generator.js
Created November 27, 2016 12:30
Example to delegate to another generator function using yield*
function* secondGenerator(a) {
yield (a + 1);
yield (a + 2);
yield (a + 3);
}
function* firstGenerator(a) {
yield a;
yield* secondGenerator(a);
yield (a + 10);
@sanketmeghani
sanketmeghani / event-handler-without-parameters-bind.js
Created August 11, 2017 14:44
React event handler without parameters
handleClick(e) {
console.log('Clicked', e);
}
render() {
<button onClick={this.handleClick.bind(this)}></button>
}
@sanketmeghani
sanketmeghani / event-handlers-with-parameters-bind.js
Last active August 11, 2017 14:57
React event handler with parameters
handleClick(param, e) {
console.log('Parameter', param);
console.log('Event', e);
}
render() {
<button onClick={this.handleClick.bind(this, 'Parameter')}></button>
}
@sanketmeghani
sanketmeghani / event-handlers-with-parameters-bind-constructor.js
Last active December 1, 2017 08:36
React event handler with parameters using bind in constructor
class MyComponent extends React.Component {
constructor() {
super();
this.handleClick = this.handleClick.bind(this, 'Parameter');
}
handleClick(param, e) {
console.log('Parameter', param);
console.log('Event', e);
@sanketmeghani
sanketmeghani / event-handlers-without-parameters-arrow.js
Created August 11, 2017 15:37
React event handler without parameters using arrow function
handleClick(e) {
console.log('Event', e);
}
render() {
<button onClick={(e) => this.handleClick(e)}></button>
}
@sanketmeghani
sanketmeghani / event-handlers-with-parameters-arrow.js
Created August 11, 2017 15:39
React event handler with parameters using arrow function
handleClick(param, e) {
console.log('Parameter', param);
console.log('Event', e);
}
render() {
<button onClick={(e) => this.handleClick(param, e)}></button>
}
@sanketmeghani
sanketmeghani / event-handlers-without-parameters-property-initializer.js
Last active August 11, 2017 15:53
React event handler without parameters using property initializer syntax
handleClick = (e) => {
console.log('Event', e);
}
render() {
<button onClick={this.handleClick}></button>
}
@sanketmeghani
sanketmeghani / event-handlers-with-parameters-property-initializer.js
Created August 11, 2017 15:57
React event handler with parameters using property initializer syntax
handleClick = (param) => (e) => {
console.log('Event', e);
console.log('Parameter', param);
}
render() {
<button onClick={this.handleClick('Parameter')}></button>
}
@sanketmeghani
sanketmeghani / tagged-template-literal.js
Last active August 18, 2017 16:10
Defining and invoking tagged template literals
const myTag = (literals, name) => {
console.log('Literals', literals); //Output -> Literals [ 'Hello ', '!' ]
console.log('Interpolation', name); //Output -> Interpolation Steve
return 'Result from myTag';
};
const name = 'Steve';
const result = myTag `Hello ${name}!`;