Sergey Belozyorcev belozer

🏠

Working from home

UI engineer. Believe in JavaScript. Preaching @bem

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 / 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 / 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 / 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 / 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 / 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 / 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 / .babelrc

Last active August 21, 2019 19:30

NextJS effector

	{
	"presets": ["next/babel"],
	"plugins": ["effector/babel-plugin"]
	}

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