Skip to content

Instantly share code, notes, and snippets.

View abhishekjakhar's full-sized avatar
:octocat:

Abhishek Jakhar abhishekjakhar

:octocat:
16 followers · 5 following
View GitHub Profile
@abhishekjakhar
abhishekjakhar / App.js
Created April 30, 2019 16:15
updateMocktail Function
updateMocktail = mocktail => {
const newMocktail = mocktail;
this.setState({
mocktail
})
}
@abhishekjakhar
abhishekjakhar / Mocktail.js
Created April 30, 2019 15:31
Mocktail Component
import React, { Component } from 'react';
import Spinner from './Spinner';
class Mocktail extends Component {
state = {
isLoading: false
}
@abhishekjakhar
abhishekjakhar / App.js
Created April 30, 2019 15:29
Returning Null - Initial State
import React, { Component } from 'react';
import Mocktail from './Mocktail';
class App extends Component {
state = {
mocktail: ''
}
@abhishekjakhar
abhishekjakhar / index.html
Created April 2, 2019 12:26
Dialog Polyfill JS
<!doctype html>
<html>
<head>
<title>HTML Dialog Element</title>
<link rel="stylesheet" href="dialog-polyfill.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<dialog id="dialogWindow">
<form method="dialog">
@abhishekjakhar
abhishekjakhar / index.html
Created April 2, 2019 12:22
Dialog Polyfill CSS
<!doctype html>
<html>
<head>
<title>HTML Dialog Element</title>
<link rel="stylesheet" href="dialog-polyfill.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<dialog id="dialogWindow">
<form method="dialog">
@abhishekjakhar
abhishekjakhar / app.js
Created April 2, 2019 12:20
Register Dialog Polyfill
(function() {
let openDialog = document.getElementById('openDialog');
let openModalDialog = document.getElementById('openModalDialog');
let dialogWindow = document.getElementById('dialogWindow');
dialogPolyfill.registerDialog(dialogWindow);
openDialog.addEventListener('click', () => {
dialogWindow.show();
@abhishekjakhar
abhishekjakhar / app.js
Created March 28, 2019 15:13
Event Listener For Dialog Window As Modal
(function() {
let openDialog = document.getElementById('openDialog');
let openModalDialog = document.getElementById('openModalDialog');
let dialogWindow = document.getElementById('dialogWindow');
openDialog.addEventListener('click', () => {
dialogWindow.show();
})
@abhishekjakhar
abhishekjakhar / app.js
Last active March 28, 2019 15:14
Event Listeners For Opening Modal Window
(function() {
let openDialog = document.getElementById('openDialog');
let openModalDialog = document.getElementById('openModalDialog');
let dialogWindow = document.getElementById('dialogWindow');
openDialog.addEventListener('click', () => {
dialogWindow.show();
})
@abhishekjakhar
abhishekjakhar / app.js
Created March 27, 2019 18:25
Gathering Page Elements
(function() {
let openDialog = document.getElementById('openDialog');
let openModalDialog = document.getElementById('openModalDialog');
let dialogWindow = document.getElementById('dialogWindow');
})();
@abhishekjakhar
abhishekjakhar / index.html
Last active April 1, 2019 16:41
Dialog Element With ID instead of Boolean OPEN
<!doctype html>
<html>
<head>
<title>HTML Dialog Element</title>
</head>
<body>
<dialog id="dialogWindow">
<form method="dialog">
<input type="text">
<button type="submit">OK</button>