santuman

Copy Remote file to local

$ scp username@remoteHost:/remote/dir/file.txt /local/dir/

santuman

gcap() {
    git add . && git commit -m "$*" && git push
}

# NEW.
gnew() {
    gcap "📦 NEW: $@"
}

# IMPROVE.

santuman

Common Docker Command

Spin up a alpine container

$ docker run -it --name nodejs-alpine --rm alpine:3.10

--name -> giving custom name

santuman

const a = item => new Promise(resolve => setTimeout(() => resolve(item), 10))
const b = item => new Promise(resolve => setTimeout(() => resolve(item), 100))
const c = item => new Promise(resolve => setTimeout(() => resolve(item), 200))

// Parallel
const parallel = async () => {
	const processes = [a(), b(), c()]
	const [output1, output2, output3] = await Promise.all(processes)
	
	return `parallel is done: ${output1} ${output2} ${output3}`

santuman

GraphQL over RestFul Api

Setting up an endpoint becomes messier as we go along with creating endpoints for nested relationsship

For Example endpoint for getting users friends of friends company, position

Making too many HTTP request

We need to make many request to get friends of friends company, position like

santuman

Understanding Container

How did we came down to Container or Why Container?

Bare Setup

Historically, in order to host website for a company they usually contact server/hardware providers to setup a sever farm. But this way had some serious down sides

• Managing hardwares was pain in the a**.
• Security risk, if we had another service to run in our server there was no any isolation, every service had access to do any thing with

santuman

Understanding React a bit more

"state dispatch function" accepts current state value as first parameter so use that

setCount(count + 1) --> Wrong way

Problem of using above approach

santuman

Next.js

The React Framework for Production (A fullstack framework for ReactJS)

By default React is a JavaScript library for building user interfaces

NextJS solves common problems and makes building React apps easier!

In React, for routing we have to use third party libraries for handling various features like for routing we might use react-router-dom.

santuman

How to re-render a component even on memoization like when using selectors?

Afte the task has been done simply reset the state but useEffect dependency should have memoized state as dependency

e.g.

if (taskIsCompleted){
  dispatch({type: "RESET_STATE"})
}

santuman

{
	"workbench.iconTheme": "material-icon-theme",
	"files.autoSaveDelay": 5000,
	"editor.wordWrap": "off",
	// "editor.fontFamily": "'SF Mono','Fira Code','Operator Mono','Monolisa','Cascadia Code','JetBrains Mono', 'monospace', 'Droid Sans Fallback','Segoe Ui Emoji','Noto Color Emoji'",

	"workbench.colorCustomizations": {
		// "editorGutter.addedBackground": "#141A1F",
		// "editorGutter.modifiedBackground": "#141A1F",
		// "editorGutter.background": "#141A1F"