Skip to content

Instantly share code, notes, and snippets.

View avocatvert's full-sized avatar
💭
I may be slow to respond.

Stephane Mbatchou avocatvert

💭
I may be slow to respond.
View GitHub Profile
import './SwipeableListItem.css'
import React, {useRef, useEffect} from 'react'
function SwipeableListItem(props) {
const listElementRef = useRef()
const wrapperRef = useRef()
const backgroundRef = useRef()
const dragStartXRef = useRef(0)
const leftRef = useRef(0)
(function() {
//source: http://blog.guya.net/2015/06/12/sharing-sessionstorage-between-tabs-for-secure-multi-tab-authentication/
if (!sessionStorage.length) {
// Ask other tabs for session storage
localStorage.setItem('getSessionStorage', Date.now());
};
window.addEventListener('storage', function(event) {
@avocatvert
avocatvert / moment-locale-resolver.js
Created December 28, 2018 23:34 — forked from fabulator/moment-locale-resolver.js
Resolve best locale for moment
import moment from 'moment';
import {
LocaleResolver,
NavigatorDetector,
FallbacksTransformer,
DefaultLocaleTransformer,
} from 'locales-detector';
// moment locales are in lowercase, need it change en-GB to en-gb
class LowerCaseTransformer {
@avocatvert
avocatvert / MyResponsiveComponent.js
Created November 28, 2018 02:53 — forked from gaearon/MyResponsiveComponent.js
Examples from "Making Sense of React Hooks"
function MyResponsiveComponent() {
const width = useWindowWidth(); // Our custom Hook
return (
<p>Window width is {width}</p>
);
}