useEffect useState Timer

PHOTO

Thu Jul 01 2021 09:18:14 GMT+0000 (UTC)

    useEffect(() => {
        if(timeRemaining > 0) {
            setTimeout(() => {
                setTimeRemaining(time => time - 1)
            }, 1000)
        }
    }, [timeRemaining])

COPY

Is triggered onClick and continues to fire due to the dependancy array watching the state variable.

Save snippets that work from anywhere online with our extensions

Comments

Javascript

@Sensei_p

useEffect useState Timer Fetch Data, Loops through Array and adds to the DOM

React

@Sensei_p

useEffect useState Timer Disable Button on Click Simple React Class Component with state toggle pattern Children Rendering Example for Reusable Component

#javascript #nodejs #commandline

HTTPS Redirect in Nodejs

npm install heroku-ssl-redirect

> More steps

#commandline #interesting #windows #ubuntu #linux

Useful snippet to easily access Ubuntu from Windows (in WSL2)

ip addr | grep eth0 | grep inet | awk '{print $2}' | awk -F '/' '{print $1}' | awk '{printf "%s:3000", $0}' | clip.exe

#commandline #interesting #cyberattacks #security #unix

The Fork-bomb: the One-Line Virus of colons and brackets that would crash a Unix system

: ( ) { : | : & } ; :

#commandline #git #github #howto

Cloning a Github Repository with git

$ git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY

#mbpfan #ubuntu20.04 #commandline #macbookpro #terminal #fanspeed

A beginner's tutorial for mbpfan under Ubuntu - I need coffee ☕️

https://ineed.coffee/Old+Posts/A+beginner's+tutorial+for+mbpfan+under+Ubuntu

#commandline #git

How to Discard all Unstaged Local Changes in git

git checkout -- .

#python #commandline

Download playlist from youtube

pip install youtube-dl
youtube-dl --yes-playlist --write-auto-sub https://www.youtube.com/playlist?list=PLJ8cMiYb3G5czofUrrizDiyC_yNLOe_CF

#commandline #javascript #tutorial #react

Creating a CLI to Automate File Creation

https://dev.to/m0nica/automating-file-creation-with-javascript-8j5

#commandline

Useful Git Commands - DEV Community

https://dev.to/lydiahallie/cs-visualized-useful-git-commands-37p1

#commandline

server - Reset default permissions for /var/www - Ask Ubuntu

sudo find /var/www/ -type d -exec chmod 755 {} \;
sudo find /var/www/ -type f -exec chmod 644 {} \;

#commandline

REACTEUSE

(REACT JS)
npx create-react-app <app>
-npm run start , build ...
-yarn start , build ...

(REACT NATIVE CLI)
npx react-native init <app>
-npx react-native start
-npx react-native run-android (run_ios)

(REACT NATIVE EXPO CLI)
expo init <app>
-npm start

#commandline

Copy from child to parent

cd /path/to/child/directory
cp ./* ../ -R

#terminal #commandline

PYTHON

python@3.8 is keg-only, which means it was not symlinked into /usr/local,
because this is an alternate version of another formula.

If you need to have python@3.8 first in your PATH run:
  echo 'export PATH="/usr/local/opt/python@3.8/bin:$PATH"' >> ~/.zshrc

For compilers to find python@3.8 you may need to set:
  export LDFLAGS="-L/usr/local/opt/python@3.8/lib"

For pkg-config to find python@3.8 you may need to set:
  export PKG_CONFIG_PATH="/usr/local/opt/python@3.8/lib/pkgconfig"

➜  ~ python --version
zsh: command not found: python3.8
➜  ~ vim .zshrc
➜  ~ source .zshrc
➜  ~ echo 'export PATH="/usr/local/opt/python@3.8/bin:$PATH"' >> ~/.zshrc
➜  ~ source .zshrc

#commandline

Creating a github repository out of a local folder

git init
git add .
git commit -m "Message"

(Manually create a github repository without a readme file)
git remote add origin https://github.com/hassanms/typescript-practice.git
git branch -M main
git push -u origin main

#nodejs #commandline #npx

optimize pdf from command line

npx gsx-pdf-optimize raw_pdf.pdf optimized_pdf.pdf --dpi=150

useEffect useState Timer

Save snippets that work from anywhere online with our extensions

Comments

More like this

Javascript

React

Browse more snippets >>

useEffect useState Timer

Save snippets that work from anywhere online with our extensions

Comments

More like this

Javascript

React

Browse more snippets >>

Embed code snippet