Skip to content

Instantly share code, notes, and snippets.

View kcsuraj's full-sized avatar
🏠
Working from home

Suraj kc kcsuraj

🏠
Working from home
View GitHub Profile
import React, {
ChangeEvent,
useState,
memo,
FC,
useCallback,
useMemo,
useRef,
useEffect,
} from "react";
@kcsuraj
kcsuraj / gist:bcc3dc0095aba4a4d865fcdecb4be6af
Created January 24, 2021 05:13 — forked from sreez/gist:c624b3e440b66f9d16a9dc39a2297ed1
taiwindcss default list of padding , font size and line height against equivalent pixels for font base 16px
0px 0rem .p-0
4px 0.25rem .p-1
8px 0.5rem .p-2
12px 0.75rem .p-3, .leading-3, .text-xs
14px 0.875rem .text-sm
16px 1rem .p-4, .leading-4, .text-base
18px 1.125rem .text-lg
20px 1.25rem .p-5, .leading-5, .text-xl
24px 1.5rem .p-6, .leading-6, .text-2xl
28px 1.75rem .leading-7
@kcsuraj
kcsuraj / Dockerfile
Created July 10, 2020 04:42
Docker for react
FROM node:12-alpine
USER node
RUN mkdir /home/node/code/
WORKDIR /home/node/code/
COPY --chown=node:node package.json package-lock.json ./
RUN npm ci
COPY --chown=node:node . .
CMD ["npm", "start"]
@kcsuraj
kcsuraj / gulpfile.js
Created June 20, 2020 17:03
Set up frontend project with gulp
var gulp = require("gulp");
var sass = require("gulp-sass");
var cssnano = require("gulp-cssnano");
var sourcemaps = require("gulp-sourcemaps");
var connect = require("gulp-connect");
const autoprefixer = require("gulp-autoprefixer");
var paths = {
styles: {
src: "assets/sass/*.scss",
@kcsuraj
kcsuraj / zsh.md
Created May 30, 2020 03:32 — forked from tsabat/zsh.md
Getting oh-my-zsh to work in Ubuntu