Skip to content

Instantly share code, notes, and snippets.

View abhishekjakhar's full-sized avatar
:octocat:

Abhishek Jakhar abhishekjakhar

:octocat:
15 followers · 5 following
View GitHub Profile
@abhishekjakhar
abhishekjakhar / TableColumns.js
Last active June 16, 2019 17:21
React Fragment (Table Columns Component) (React.Fragment)
import React from 'react';
const TableColumns = (props) => {
const { name, subject } = props;
return (
<React.Fragment>
<td>{name}</td>
<td>{subject}</td>
</React.Fragment>
@abhishekjakhar
abhishekjakhar / index.css
Last active May 5, 2019 05:49
index.css (Mocktail App)
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');
/* Basic */
*,
*::after,
*:before {
margin: 0;
padding: 0;
box-sizing: inherit;
@abhishekjakhar
abhishekjakhar / Spinner.js
Last active May 2, 2019 04:02
Spinner.js (Mocktail App)
import React from 'react';
const Spinner = () => (
<div className="spinner">
<div className="bounce1"></div>
<div className="bounce2"></div>
<div className="bounce3"></div>
</div>
);
@abhishekjakhar
abhishekjakhar / index.js
Created April 30, 2019 17:29
index.js (Mocktail App)
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
ReactDOM.render(<App />, document.getElementById('root'));
@abhishekjakhar
abhishekjakhar / App.js
Created April 30, 2019 16:17
updateMocktail Method
updateMocktail = mocktail => {
const newMocktail = mocktail;
this.setState(state => {
if (state.mocktail === newMocktail) {
return null;
} else {
return { mocktail };
}
})
}
@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">