jyydev

Github API urls

• https://api.github.com/repos/<USERNAME>/contents/
• https://api.github.com/repos/<USERNAME>/contents/<REPO>/<FOLDER/FILE...>

Raw

• https://raw.githubusercontent.com/{USERNAME}/{FOLDER,FILE...}

jyydev

Demo Gist API

• Type: full code example
• Language: javascript, node.js
• Demo: update an existing gist:
  • create a new file in a gist
  • edit the content of a gist file

Requirements

• Github personal access token
• Run: npm i @octokit/core in terminal

jyydev

VSCode open editors setting

Search in setting: explorer.openEditors.visible

Default

Explorer › Open Editors: Visible

jyydev

Disable (turn off) autocomplete on dot . period for VSCode

Most people do not want to have autocompletion when they press the dot key, which should be disabled by default in VSCode.

Below shows 2 ways to turn this off.

Method 1:

1. Go to VSCode setting and search for:

editor.acceptSuggestionOnCommitCharacter

jyydev

Disable (turn off) autocomplete on enter, return key for VSCode

Some people do not want to autocomplete when they enter.

They will choose tab key instead since you have to press esc when you want to use enter key and at the same the unwanted suggestion shows up.

But some people find enter key is more handy instead.

Anyway, below shows 2 ways to turn this off.

Method 1:

jyydev

VSCode > autocomplete > settings

Here are few settings to turn on and off the autocomplete when a certain key is pressed.

This is different from turning off the suggestions. Suggestion still appears but will not trigger autocomplete when a certain key is pressed.

Autocomplete settings:

How to turn on and off autocomplete when enter, return key is pressed:

• VSCode -> autocomplete -> disable, turn off autocomplete on enter, return

jyydev

React > component > render twice on useState(), setValue()

Problem

React component render twice on useState().

const [value, setValue] = useState('');

jyydev

VSCode > shortcut keys > tabs, open editors > change to next, previous tab

Quickly change to next tab and previous tab with keyboard shortcuts.

By default, VS Code cycle through tabs through ctrl+tab.

Solution

1. Open command palette: cmd+shift+p

jyydev

Tutorial > YouTube > Coding Addict > javascript > reduce (object)

Demonstrate the use case of reduce() with github public api.

Files

• index.html
• index.js

Live preview

• CodeSandbox: https://qf2h1.csb.app

jyydev

VSCode > default settings > customize

Recommended customized default setting for Visual Studio Code. These settings should be the standard behaviors by default.

Auto rename matching tag (HTML) in Visual Studio Code

• Install the Auto Rename Tag extension
• Ref: https://stackoverflow.com/questions/36628833/select-matching-element-rename-html-tag-in-visual-studio-code/44982436