Skip to content

Instantly share code, notes, and snippets.

View abinavseelan's full-sized avatar

Abinav Seelan abinavseelan

211 followers · 25 following
View GitHub Profile
@abinavseelan
abinavseelan / index.html
Last active March 16, 2018 06:13
(2) Page Visibility API
...
<body>
<script type="text/javascript">
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'hidden') {
document.title = '😴';
}
});
</script>
</body>
@abinavseelan
abinavseelan / index.html
Created March 16, 2018 04:52
(1) Page Visibility API
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 😁 </title>
</head>
<body>
<script type="text/javascript">
</script>
@abinavseelan
abinavseelan / index.jsx
Created March 8, 2018 19:13
(Full) Github-style user suggestions using react-input-trigger
import React, { Component } from 'react';
import { render } from 'react-dom';
import InputTrigger from 'react-input-trigger';
class App extends Component {
constructor() {
this.state = {
top: null,
left: null,
showSuggestor: false,
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:15
(11) Github-style user suggestions using react-input-trigger
...
class App extends Component {
constructor() {
this.state = {
...
startPosition: null,
...
}
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:12
(10) Github-style user suggestions using react-input-trigger
...
class App extends Component {
constructor() {
this.state = {
...
currentSelection: 0,
}
...
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:12
(9) Github-style user suggestions using react-input-trigger
...
class App extends Component {
constructor() {
this.state = {
...
text: null,
}
...
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:09
(8) Github-style user suggestions using react-input-trigger
...
class App extends Component {
constructor() {
this.state = {
top: null,
left: null,
showSuggestor: false,
users: [
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:07
(7) Github-style user suggestions using react-input-trigger
...
class App extends Component {
...
toggleSuggestor(metaInformation) {
const { hookType, cursor } = metaInformation;
if (hookType === 'start') {
this.setState({
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:06
(6) Github-style user suggestions using react-input-trigger
...
class App extends Component {
constructor() {
...
this.toggleSuggestor = this.toggleSuggestor.bind(this);
}
toggleSuggestor(metaInformation) {
@abinavseelan
abinavseelan / index.jsx
Last active March 8, 2018 19:05
(5) Github-style user suggestions using react-input-trigger
...
class App extends Component {
constructor() {
this.state = {
top: null,
left: null,
showSuggestor: false,
}
}