Skip to content

Instantly share code, notes, and snippets.

View jherax's full-sized avatar
👾
Performance focused

David Rivera jherax

👾
Performance focused
View GitHub Profile
@jherax
jherax / absmartly.config.json
Last active April 19, 2022 06:02
ABSmartly configuration test
View absmartly.config.json
{
"assignments": [
{
"experiment": "MEDICARE_REPLACEMENTS",
"pathName": "/",
"variant": 1,
"configs": [{
"apiTarget": "/content/landingpage/MEDICARE/",
"replacements": {
"data": {
@jherax
jherax / get-headers.ts
Last active April 19, 2021 15:34
Gets all Response Headers for the current document
View get-headers.ts
/**
* Gets all Reponse Headers for the current document.
* @returns An object cointaining the key-value pairs for each header
*/
function getHeaders(url = document.location.href) {
const req = new XMLHttpRequest();
req.open("GET", url, false);
req.send(null);
let key: string;
@jherax
jherax / what-forces-layout.md
Created June 15, 2020 18:09 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.
View what-forces-layout.md

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
@jherax
jherax / App.js
Last active October 23, 2023 01:15 — forked from koistya/App.js
How to add `onscroll` event with requestAnimationFrame in ReactJS component
View App.js
import React from 'react';
let lastScrollY = 0;
let ticking = false;
class App extends React.Component {
componentDidMount() {
window.addEventListener('scroll', this.handleScroll);
}
@jherax
jherax / README.md
Last active August 2, 2023 07:04
Debugging with VS Code
View README.md

VS Code: Debugging

The way we usually debug JavaScript code, is through a web browser and typing the keyword debugger or console.log in our files, but switching between browser and VS Code can be annoying, and we also lose synchronization with the source code.

VS Code provides the extension Debugger for Chrome which enables you to edit, debug, and set breakpoints to your JavaScript

@jherax
jherax / configure.md
Last active December 9, 2023 10:06
VS Code: Debugging with Jest
View configure.md

VS Code: Debugging Jest

Sometimes, debugging with console.log is not enough to find out what is happening in the code, as console.log prints only plain objects but neither functions nor objects with circular references. Besides, it's possible you may need to know the context and flow of the code.

Read more about debugging with VS Code in VS Code: Debugging.

@jherax
jherax / index.html
Created January 8, 2019 23:16
Disable auto-zoom in input elements - For Safari, iPhone
View index.html
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no" />
@jherax
jherax / git-ssh-auth-win-setup.md
Last active November 14, 2023 18:26 — forked from bsara/git-ssh-auth-win-setup.md
Setup SSH Authentication for Git Bash on Windows
View git-ssh-auth-win-setup.md

Setup SSH Authentication for Git Bash on Windows

Prepararation

  1. Create a folder at the root of your user home folder (Example: C:/Users/username/) called .ssh.
    You can run something like: mkdir -p ~/.ssh
  2. Create the following files if they do not already exist (paths begin from the root of your user home folder):
@jherax
jherax / README.md
Last active August 18, 2023 15:41
Git Alias and Rebase
View README.md

Git Alias and Git Rebase

WHEN TO DO REBASE

After each commit in our branch, in order to be up-to-date with the integration branch.

@jherax
jherax / subl
Created March 14, 2018 15:33 — forked from cmalard/subl
Cygwin + Sublime Text 3 : works with files and Git
View subl
#!/bin/bash
# To create in [.babun/]cygwin/usr/local/bin/subl with chmod +x
ARGS=""
while test $# -gt 0
do
ARGS="$ARGS ${1#/cygdrive/[a-zA-Z]}"; # Remove /cygdrive and disk letter from the path
shift
done