Skip to content

Instantly share code, notes, and snippets.

View qvil's full-sized avatar

Taesu Hyeon qvil

View GitHub Profile
@qvil
qvil / useSticky.ts
Created April 9, 2021 05:50
Check sticky with offset
import { useState, useEffect, Dispatch, SetStateAction } from "react";
interface UseStickyReturnType {
isSticky: boolean;
setIsSticky: Dispatch<SetStateAction<boolean>>;
}
/**
* @description Check sticky with offset
* @param offset
* @example
@qvil
qvil / .prettierrc
Last active June 3, 2021 05:32
Prettier default config.
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": false,
"quoteProps": "as-needed",
"jsxSingleQuote": false,
"trailingComma": "es5",
"bracketSpacing": true,
@qvil
qvil / request-success-failure-pattern-actions.js
Created August 8, 2021 03:48
Example actions for request, success, failure pattern
const GET_DATA_REQUEST = "GET_DATA_REQUEST";
const GET_DATA_SUCCESS = "GET_DATA_SUCCESS";
const GET_DATA_FAILURE = "GET_DATA_FAILURE";
const getDataRequest = (data) => ({
type: GET_DATA_REQUEST,
data,
});
const getDataSuccess = (data) => ({
type: GET_DATA_SUCCESS,
@qvil
qvil / request-success-failure-pattern-reducer.js
Created August 8, 2021 03:48
Example reducer for request, success, failure pattern
const initialState = {
isLoading: false,
data: null,
error: null,
};
const reducer = (state = initialState, action) => {
switch (action.type) {
case "GET_DATA_REQUEST":
return {