jyydev

VSCode useful links

• Collapse all files & folders in explorer: https://stackoverflow.com/questions/53273421/visual-studio-code-shortcut-collapse-all-files-in-explorer

jyydev

How to iterate, loop through object in React, reactjs, jsx

const obj = { a: 'aa', b: 'bb' };

return {
  <div>
    {Object.entries(costss).map(([key, cost]) => {
      return (
 

jyydev

Javascript useful links

• Object.entries -> .map() for object: https://stackoverflow.com/questions/40950546/react-js-right-way-to-iterate-over-object-instead-of-object-entries

jyydev

iTunes > rss

List of iTunes rss url.

Rss generator

• https://rss.itunes.apple.com/
• https://rss.itunes.apple.com/api/v1/'.$countryScan.'/ios-apps/new-apps-we-love/all/30/explicit.json

Single id (app)

• FB: https://itunes.apple.com/lookup?id=284882215&entity=software

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

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 > 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

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

Problem

React component render twice on useState().

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

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

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: