Igor Shcherba IgorShcherba

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

How to download old versions of Chrome

Click here to download old versions of Chrome for Linux, Mac and Windows.

The download_url field of the desired section houses the URL to the download.

Alternatively, for not too old versions, you can get it directly here.

MySQL Cheat Sheet

Help with SQL commands to interact with a MySQL database

MySQL Locations

Mac /usr/local/mysql/bin
Windows /Program Files/MySQL/MySQL version/bin
Xampp /xampp/mysql/bin

Add mysql to your PATH

Description

Reason for change

Project root:

yarn add -D --save-exact eslint-config-airbnb eslint-config-airbnb-typescript eslint-config-prettier eslint-config-react-app eslint-import-resolver-typescript eslint-webpack-plugin eslint-plugin-flowtype eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks babel-eslint eslint-plugin-jest @typescript-eslint/parser @typescript-eslint/eslint-plugin prettier prettier-eslint prettier-eslint-cli eslint-plugin-prettier

$ vim .eslintrc

{
  "plugins": ["prettier", "@typescript-eslint"],

	# 1. Build Active Architectures only
	Set Yes for Debug builds and No for Release
	![[Pasted image 20250720111729.png]]

	# 2. Debug information format
	Set DWARF for Debug (should be that by default) - this disables adding dsyms (debug symbols)


	![[Pasted image 20250720114714.png]]

	name: Publish
	on:
	release:
	types: [published]
	jobs:
	build:
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v1
	- uses: actions/setup-node@v1

	// MIT Licensed
	// Author: jwilson8767

	/**
	* Waits for an element satisfying selector to exist, then resolves promise with the element.
	* Useful for resolving race conditions.
	*
	* @param selector
	* @returns {Promise}
	*/

	/**
	* Get YouTube ID from various YouTube URL
	* @author: takien
	* @url: http://takien.com
	* For PHP YouTube parser, go here http://takien.com/864
	*/

	function YouTubeGetID(url){
	var ID = '';
	url = url.replace(/(>\|<)/gi,'').split(/(vi\/\|v=\|\/v\/\|youtu\.be\/\|\/embed\/)/);

	import { useState, useEffect, useRef } from 'react';

	// Usage
	function App() {
	// State and setters for ...
	// Search term
	const [searchTerm, setSearchTerm] = useState('');
	// API search results
	const [results, setResults] = useState([]);
	// Searching status (whether there is pending API request)