Skip to content

Instantly share code, notes, and snippets.

View mudssrali's full-sized avatar
🕸️
Crafting software solutions for better, at scale

Mudassar mudssrali

🕸️
Crafting software solutions for better, at scale
View GitHub Profile
@mudssrali
mudssrali / react-scroll-to-top.md
Last active October 12, 2020 04:51
A simple approach to handle scroll-to-top in reactjs with react-router-dom with useEffect hook
  • Create a wrapper component
import React, { useEffect } from 'react'
import { withRouter, RouteComponentProps } from 'react-router-dom'

const ScrollTop: React.FC<RouteComponentProps> = ({ history, children }) => {
	useEffect(() => {
		const unlisten = history.listen(() => {
 window.scrollTo(0, 0)
@mudssrali
mudssrali / configure-tailwindcss-in-reactjs.md
Last active March 12, 2021 15:45
A simple way to configure tailwindcss in reactjs create-react-app

Steps to configure tailwindcss in reactjs create-react-app

Note: Make sure you're runing Node.js 12.13 or higher in order to buid tailwindcss >2.0

  • step # 1

npm install tailwindcss@latest postcss@latest autoprefixer@latest -D

  • step # 2
@mudssrali
mudssrali / install-ngrok-on-ubuntu-latest.md
Created September 16, 2020 10:49
Install ngrok on Ubuntu
$ sudo apt-get update
$ sudo apt-get install unzip wget
$ wget https://bin.equinox.io/c/4VmDzA7iaHb/ngrok-stable-linux-amd64.zip
$ unzip ngrok-stable-linux-amd64.zip
$ sudo mv ./ngrok /usr/bin/ngrok
$ ngrok

Connect Account