Skip to content

Instantly share code, notes, and snippets.

View hamidjafari's full-sized avatar
🎯
focusing...

Hamidreza Jafari hamidjafari

🎯
focusing...
  • under construction!
View GitHub Profile
@hamidjafari
hamidjafari / useOnScreen.tsx
Created May 29, 2021 20:52
custom hook for track elements visibility on screen in react component using ref
function useOnScreen(
ref: React.RefObject<HTMLElement>,
disconnectAfterIntersect: boolean
) {
const [isIntersecting, setIntersecting] = useState(false);
const observer = useMemo(() => {
return new IntersectionObserver(([entry]) => {
setIntersecting(entry.isIntersecting);
});
import React, {
useCallback,
useContext,
useEffect,
useRef,
useState,
} from "react";
import { useHistory } from "react-router";
type routeStateType = {
@hamidjafari
hamidjafari / PersianDatePicker.jsx
Created July 11, 2020 14:20 — forked from MRezaSafari/PersianDatePicker.jsx
antd jalali date picker
import React from 'react';
import {DatePicker} from 'antd';
import moment from 'moment-jalaali';
export default function PersianDatePicker() {
var locale = {
"lang": {
locale: 'fa_IR',