Forem: Husna Ramadan

Change Default Web Browser App in Terminal Environment

Husna Ramadan — Sun, 13 Dec 2020 05:14:32 +0000

Open link in terminal, but web browser app of your wish not run. That was annoyed, right?

Be glad cause the command xdg-settings is here.

Check default your web browser app.

xdg-settings get default-web-browser

In my case - result: chromium.desktop

In my mind app want to default is qutebrowser.

xdg-settings set default-web-browser org.qutebrowser.qutebrowser.desktop

This section org.qutebrowser.qutebrowser.desktop i get from /usr/share/applications/, in this directory you can find what app of your wish.

To ensure what you set, check again with xdg-settings get default-web-browser.

Change Default Browser when Starting React Project

Husna Ramadan — Sun, 08 Nov 2020 15:24:57 +0000

Starting project of React as soon as opening localhost:3000 on the default browser.

You may wonder "How to change default browser when start react project?"

Don't worry, .env on it.

Just create .env file on your react project. And add

BROWSER=chromium

Choose freely of your browser for dev.

Hot Reload Typescript with ts-node-dev

Husna Ramadan — Sun, 08 Nov 2020 14:58:56 +0000

Hi, folks!

To learn essenstial Typescript i should see the result of my code. And, cause i don't want to running command repeatdly, i use this single tool ts-node-dev by Alex.

This tool is faster ⚡⚡ than any other, like nodemon.

First, install your ts-node-dev

sudo npm i ts-node-dev -g

-g or --global flag for install it globally, if you're going to want it you should add sudo command for user invoke access root.

You have got it 😤

In your package.json on section below "script": add hot reload command, like this:



"scripts": {
    ...
    "dev": "ts-node-dev --respawn src/index.ts"
}

On the dev section you just set your main file scr/index.ts and --respawn flag itself for restarts the node target.

And, look at my result of ts-node-dev 😎😎

Oh, I forgot. This solution from here

https://stackoverflow.com/questions/37979489/how-to-watch-and-reload-ts-node-when-typescript-files-change