DEV Community: Harshkumar77

Spoof Github as Google Drive for sharing PDFs

Harshkumar77 — Wed, 31 Jan 2024 13:18:41 +0000

Normies prefer Google drive but I am against big corp.
So there is this way to share file from github as google drive.

Basically "https://docs.google.com/viewer?url=RAW_GITHUB_LINK"

RAW_GITHUB_LINK=?raw=true

Example:

- https://github.com/Harshkumar77/personal-portfolio/blob/main/Resume.pdf?raw=true
            |

            |

            |

            V
- https://docs.google.com/viewer?url=https://github.com/Harshkumar77/personal-portfolio/blob/main/Resume.pdf?raw=true

Some lesser known Vim tips

Harshkumar77 — Mon, 28 Aug 2023 13:05:27 +0000

Just sharing some lesser known remaps hope it helps

Quickly enter command mode

nnoremap ; :
nnoremap : ;

In my experience I have seen my self using command mode more than ; motion
But I still use ; motion time to time so I have remapped also

Last buffer

We all know <C-o> and <C-i> are awesome they jump to last point. But for long time I was using them also to navigate navigate to last buffer such a shame ....
Vim always had <C-^> for moving to last file

nnoremap Q <C-^>

I have remapped it to this for my preference but use you own

Increment and decrement

I dont use this vim feature often but sometimes it comes handy when you are working on UI
Sadly I never remember them when I need them

nnoremap - <C-x>
nnoremap + <C-a>

For me its very intuitive

Copying

Yank in vim is awesome but there is a problem when you want to copy something from buffer to system keyboard
People do this crazy stuff which I dont understand

vnoremap y "+y
nnoremap y "+y

what is does that system clipboard and vim clipboard is essentially same , I think its problematic because It will clutter you system clipboard. Instead I like to do is

vnoremap Y "+y
nnoremap Y "+y

This way when they stay different

Here are my some tips which I have found along the ways. Share me your own.

Also if you are hiring for a backend or frontend role (remote global). Let me know.

How to fetch in Typescript like pro ?

Harshkumar77 — Tue, 08 Aug 2023 15:35:35 +0000

No BS guide to use fetch API typescript way.
This article is for you if :

You know how to use fetch API
Don't want a try and catch hell // Excellent error handling
Don't want to write types
Move fast
Easy understandable code

How ?

Understand what you want to extract from API.
Generate types from https://jsonformatter.org/json-to-typescript
Just paste it there and it will generate all the types for you.
Rename the types and rename if required
we are using https://randomuser.me/api/ so go ahead and paste it
Fetch the data in following way

The article is done here its a simple type inferring pattern but if you want to understand why read down.

Why ?

1. Encapsulating functions

It makes code easy to read
Can be reused

2. What's that typescript wizardry 🧙‍♂️ you are doing ?

You will understand it by watching these screenshots

The inferred type here is a union which provide this awesome typescript code flow

User field is only available when success is true

Error field is only available when success is true

STOP using require() in node backend

Harshkumar77 — Wed, 11 May 2022 04:26:53 +0000

To all the node developer you need to stop using require() in your new project. The node has already support for modules and this tutorial will tell you difference between them and what to use instead of require() and also will deep down into module a bit more.

What are you using

const express = require('express') // common js

What you should use

import express from 'express' // es module

Did you see ?? how much the better code look in second one. The first one is commonjs syntax which is present in node from its origin for importing libraries , the second one was first introduced in browser and then it came to node.

It makes code so much readable , modern and non - verbose.

How to use it ?

Its easy.

Initialise new node project.
Go to your package.json.
Add following to it.
```
"type" : "module" ,
```
By default when you initialise your project its set to commonjs.
That's it now start using modern javascript.

Common patterns

Instead of explaining it I am going to show you commonjs code implemented in module format, so that you can start it immediately , also comeback to this article in future when you are confuse how to do certain things in module format.

Importing

// cjs
const express = require('express')
// mjs
import express from 'express'

// cjs
const express = require('express')
const Router = express.Router
// mjs
import express , { Router } from 'express'

//cjs
const clientRouter = require('express').Router
// mjs
import { Router as clientRouter } from 'express'

Exporting

// cjs
module.exports = express
// mjs
export default express

// cjs
module.exports = {
    router : {...} ,
    utils : {...}
}
// mjs
export {
    router : {...},
    utils : {...}
}

Some more exporting pattern that may come handy

// mjs
export default function hello() {...}
export const bye = "bye"