Skip to content

Instantly share code, notes, and snippets.

View Mayankgupta688's full-sized avatar
💭
Corporate and Online Trainer with 8+ years of Experience...

Mayank Gupta Mayankgupta688

💭
Corporate and Online Trainer with 8+ years of Experience...
155 followers · 3 following
View GitHub Profile
@Mayankgupta688
Mayankgupta688 / gist:8310617c3d88922e869217766b6c50b9
Created April 9, 2019 10:37
Sample Rxjs Code
function createObserverFromArray() {
// Creating Observable from Array
let source = from([1, 2, 3, 4, 67]);
source.subscribe({
next: function(value) {
console.log(`input data ${value}`);
}
@Mayankgupta688
Mayankgupta688 / creatingObservable.js
Last active April 22, 2019 08:01
import { fromEvent } from 'rxjs';
const clicksInDocument = fromEvent(document, 'click');
const clicksInDiv = fromEvent(document.getElementById("articleDiv", 'click');
@Mayankgupta688
Mayankgupta688 / subscribeToObservable.js
Last active April 22, 2019 08:27
import { fromEvent } from 'rxjs';
const clicksInDocument = fromEvent(document, 'click');
clickInDocument.subscribe(function(event) {
console.log("X Co-ordinates for click Event: " + event.x);
console.log("Y Co-ordinates for click Event: " + event.y);
});
@Mayankgupta688
Mayankgupta688 / addEventListener.js
Created April 22, 2019 10:35
document.getElementById("articleDiv").addEventListener("click", function(event) {
console.log("X Co-ordinates for Click Event: " + event.x)
});
@Mayankgupta688
Mayankgupta688 / cretingCustomObservables.js
Last active April 24, 2019 10:48
import { Observable } from 'rxjs';
var randomNumberGenerator = Observable.create(function(observer) {
setTimeout(function() {
var randomNumber = Math.floor(Math.random() * 100);
if(randomNumber == 13) {
observer.error("Incorrect Random Number Generated");
@Mayankgupta688
Mayankgupta688 / creatingSimleObserver.js
Created April 24, 2019 06:57
import { Observable } from 'rxjs';
var randomNumberGenerator = Observable.create(function(observer) {
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
@Mayankgupta688
Mayankgupta688 / subscribingSimpleObservable.js
Created April 24, 2019 07:05
import { Observable } from 'rxjs';
var randomNumberGenerator = Observable.create(function(observer) {
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
observer.next(Math.floor(Math.random() * 100));
@Mayankgupta688
Mayankgupta688 / creatingObserver.js
Created April 24, 2019 11:00
import { Observable } from 'rxjs';
var randomNumberGenerator = Observable.create(function(observer) {
setTimeout(function() {
var randomNumber = Math.floor(Math.random() * 100);
if(randomNumber == 13) {
observer.error("Incorrect Random Number Generated");
} else if(randomNumber == 99) {
@Mayankgupta688
Mayankgupta688 / higherOrderFunctions
Created April 29, 2019 09:55
import React from 'react';
var newData = {
data: 'Data from HOC...',
}
var MyHOC = ComposedComponent => class extends React.Component {
componentDidMount() {
this.setState({
data: newData.data
@Mayankgupta688
Mayankgupta688 / gist:f0684db70e480907f16b200fdab6d620
Created April 29, 2019 18:09
import React from "react";
export default function ShowEmployeeBasicDetails(props) {
return (
<div>
<p>Employee Name: {props.name}</p>
<p>Employee Age: {props.age}</p>
<p>Employee Designation: {props.designation}</p>
</div>