Alexey volodalexey

## how-long-did-you-think-about-useLayoutEffect.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              6 stars
            
          
                kinda-neat
                / how-long-did-you-think-about-useLayoutEffect.md
            
            
              Last active
              September 5, 2024 06:00
            
              
                Уверены что понимаете как работает useLayoutEffect?
              
          
В доке по useLayoutEffect можно найти следующие отрывки:

React guarantees that the code inside useLayoutEffect and any state updates scheduled inside it will be processed before the browser repaints the screen.
Call useLayoutEffect perform the layout measurements before the browser repaints the screen:
The code inside useLayoutEffect and all state updates scheduled from it block the browser from repainting the screen. When used excessively, this makes your app slow. When possible, prefer useEffect.

Как это возможно? Как Реакт может гарантировать что код внутри useLayoutEffect и стейт апдейты запланированные внутри него будут выполнены до перерисовки экрана браузером? Как Реакт может влиять на перерисовку браузером, как может ее блокировать? Как Реакт это делает и как вы

  
## MANUAL.md

      
              1 file
            
          
              16 forks
            
          
              9 comments
            
          
              33 stars
            
          
                s-lyn
                / MANUAL.md
            
            
              Created
              September 15, 2017 10:27
            
              
                Deploy nodejs app with gitlab.com and pm2
              
          
    Deploy nodejs app with gitlab.com and pm2

This manual is about setting up an automatic deploy workflow using nodejs,
PM2, nginx and
GitLab CI. It is tested on:

Target server: Ubuntu 16.04 x64. This is suitable for Ubuntu 14.x.
Windows 10 on my PC to work.


## install-shadowsocks.sh
#!/bin/bash
# Install Shadowsocks on CentOS 7

echo "Installing Shadowsocks..."

random-string()
{
    cat /dev/urandom | tr -dc 'a-zA-Z0-9' | fold -w ${1:-32} | head -n 1
}

## README.md

      
              4 files
            
          
              39 forks
            
          
              12 comments
            
          
              244 stars
            
          
                mikoim
                / README.md
            
            
              Last active
              September 24, 2024 12:41
            
              
                [Updated! Aug 14 2020] YouTube recommended encoding settings on ffmpeg (+ libx264)
              
          
    Parameters

Container: MP4


Parameter
YouTube recommends setting


-movflags faststart
moov atom at the front of the file (Fast Start)


Video codec: H.264


## .block
license: mit

## how-to-add-image-to-gist.md

      
              2 files
            
          
              31 forks
            
          
              28 comments
            
          
              186 stars
            
          
                remarkablemark
                / how-to-add-image-to-gist.md
            
            
              Last active
              May 2, 2024 05:32
            
              
                How to add an image to a gist: https://remarkablemark.org/blog/2016/06/16/how-to-add-image-to-gist/
              
          
    How to add an image to a gist


Create or find a gist that you own.
Clone your gist (replace <hash> with your gist's hash):
# with ssh
git clone git@gist.github.com:<hash>.git mygist

# with https


git clone https://gist.github.com/.git mygist

  
## curl.md

      
              5 files
            
          
              1006 forks
            
          
              105 comments
            
          
              4005 stars
            
          
                subfuzion
                / curl.md
            
            
              Last active
              November 2, 2024 04:27
            
              
                curl POST examples
              
          
    Common Options

-#, --progress-bar
Make curl display a simple progress bar instead of the more informational standard meter.
-b, --cookie <name=data>
Supply cookie with request. If no =, then specifies the cookie file to use (see -c).
-c, --cookie-jar <file name>
File to save response cookies to.

  
## index.html
<!DOCTYPE html>
<meta charset="utf-8">

<script src="http://d3js.org/d3.v3.min.js"></script>
<script>

var piecolors = d3.scale.category20c();

var w = 600,
	h = 460,

## how-to-view-source-of-chrome-extension.md

      
              1 file
            
          
              107 forks
            
          
              20 comments
            
          
              649 stars
            
          
                paulirish
                / how-to-view-source-of-chrome-extension.md
            
            
              Last active
              October 29, 2024 08:04
            
              
                How to view-source of a Chrome extension
              
          
    Option 1: Command-line download extension as zip and extract

extension_id=jifpbeccnghkjeaalbbjmodiffmgedin   # change this ID
curl -L -o "$extension_id.zip" "https://clients2.google.com/service/update2/crx?response=redirect&os=mac&arch=x86-64&nacl_arch=x86-64&prod=chromecrx&prodchannel=stable&prodversion=44.0.2403.130&x=id%3D$extension_id%26uc" 
unzip -d "$extension_id-source" "$extension_id.zip"
Thx to crxviewer for the magic download URL.

  
## gulpfile.js
var gulp = require("gulp");
var gutil = require("gulp-util");
var rename = require('gulp-rename');
var webpack = require("webpack");
var nodemon = require('nodemon');
var typescript = require('gulp-typescript');

// These tasks setup nodemon.
gulp.task("start", function(cb) {
  var options = {
	#!/bin/bash
	# Install Shadowsocks on CentOS 7

	echo "Installing Shadowsocks..."

	random-string()
	{
	cat /dev/urandom \| tr -dc 'a-zA-Z0-9' \| fold -w ${1:-32} \| head -n 1
	}
	<!DOCTYPE html>
	<meta charset="utf-8">

	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script>

	var piecolors = d3.scale.category20c();

	var w = 600,
	h = 460,
	var gulp = require("gulp");
	var gutil = require("gulp-util");
	var rename = require('gulp-rename');
	var webpack = require("webpack");
	var nodemon = require('nodemon');
	var typescript = require('gulp-typescript');

	// These tasks setup nodemon.
	gulp.task("start", function(cb) {
	var options = {