Skip to content

Instantly share code, notes, and snippets.

View belozer's full-sized avatar
🏠
Working from home

Sergey Belozyorcev belozer

🏠
Working from home
27 followers · 14 following
View GitHub Profile
@belozer
belozer / useCarousel.ts
Created November 22, 2019 12:34 — forked from jaxxreal/useCarousel.ts
Carousel hook with gestures support
import * as React from 'react';
const { default: TinyGesture } = require('tinygesture');
export function useCarousel(itemsLength: number) {
const [state, setState] = React.useState({ currentIndex: 0, translateValue: 0 });
const carouselRef = React.useRef<HTMLDivElement>(null);
React.useEffect(() => {
const gesture = new TinyGesture(carouselRef.current);
@belozer
belozer / index.html
Created September 5, 2019 12:04
delete vs undefined (http://jsbench.github.io/#98e3e43d59ebeebc599a4bc25f38e791) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>delete vs undefined</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@belozer
belozer / index.html
Created September 5, 2019 10:11
Untitled benchmark (http://jsbench.github.io/#c564436f39a8a1557b5969f405ccb492) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Untitled benchmark</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@belozer
belozer / index.html
Created September 5, 2019 09:39
Untitled benchmark (http://jsbench.github.io/#ee6ae942c2c0cc8b0d00bc245998002b) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Untitled benchmark</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@belozer
belozer / index.html
Created September 2, 2019 05:31
forEach vs for of #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>forEach vs for of</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@belozer
belozer / index.html
Created August 26, 2019 01:13
isDefined checker (http://jsbench.github.io/#99d8ae9d4a9964e2e0600e0cbc70fb40) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>isDefined checker</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@belozer
belozer / index.html
Last active August 26, 2019 01:24
forEach vs for in #jsbench #jsperf (http://jsbench.github.io/#8b169b13a12dd529660e5c10c9d5f4e6) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>forEach vs for in #jsbench #jsperf</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@belozer
belozer / .babelrc
Last active August 21, 2019 19:30
NextJS effector
{
"presets": ["next/babel"],
"plugins": ["effector/babel-plugin"]
}
@belozer
belozer / index.html
Last active August 19, 2019 10:41
#slice #for (http://jsbench.github.io/#35ec4a8199d42ffc7de83998f0de34f8) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>#slice #for</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@belozer
belozer / index.html
Last active August 15, 2019 23:43 — forked from samosad/index.html
#slice #rest #2for (http://jsbench.github.io/#0eac5d083e6b6e05a1614f26feefd1df) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>#slice #rest #2for</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>