Skip to content

Instantly share code, notes, and snippets.

View areknawo's full-sized avatar

Arek Nawo areknawo

81 followers · 0 following
View GitHub Profile
@areknawo
areknawo / LazyHydrate.vue
Created August 13, 2021 11:18
Vue 3 lazy hydration component
<script lang="ts">
import { defineComponent, onMounted, PropType, ref, watch } from "vue";
type VoidFunction = () => void;
const isBrowser = () => {
return typeof window === "object";
};
export default defineComponent({
props: {
@areknawo
areknawo / MusicKit.d.ts
Created November 29, 2020 12:39
MusicKit JS TypeScript typings
/// <reference types="apple-music-api" />
// Requires @types/apple-music-api typings (https://www.npmjs.com/package/@types/apple-music-api)
/**
* MusicKit namespace.
*/
declare namespace MusicKit {
interface Resource extends AppleMusicApi.Resource {}
interface ActivityResource extends Resource {}
@areknawo
areknawo / index.html
Last active February 23, 2020 18:41
Proxy vs setters / getters (http://jsbench.github.io/#dca840b71279a363b7750bf3a48e074c) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Proxy vs setters / getters</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>
@areknawo
areknawo / index.html
Created June 24, 2019 11:25
.map() vs custom mutate (http://jsbench.github.io/#9b07d7657244fdf18a40308673ee1721) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>.map() vs custom mutate</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>
@areknawo
areknawo / index.html
Last active June 26, 2019 22:28
.map() vs custom (http://jsbench.github.io/#1b9b8256dc38e0749c1552a3ddaa5305) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>.map() vs custom</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>
@areknawo
areknawo / index.html
Last active January 29, 2019 12:03
JS Equality (http://jsbench.github.io/?fbclid=IwAR0Szc7uvCrFtOPs103PyPv4u3YWnguAJF3nSonhZzKSwDsmzL5OhJfx52U#c3f528b8d3cb878b9979f969a139768c) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>JS Equality</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>
@areknawo
areknawo / index.html
Created January 22, 2019 19:38
Untitled benchmark (http://jsbench.github.io/#02e7125219e1f41885eebe6a2406a6d8) #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>
@areknawo
areknawo / index.html
Last active May 27, 2018 09:33
Untitled benchmark (https://jsbench.github.io/#c2ac9e2bd278b0971f30a0a7bc6ca2e2) #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>
@areknawo
areknawo / index.html
Last active May 2, 2018 17:36
testtt (https://jsbench.github.io/#386168a8777e8a08b14ef81b4931a90e) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>testtt</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>
@areknawo
areknawo / index.html
Created April 22, 2018 06:43
Untitled benchmark (https://jsbench.github.io/#e9377e641c8de7db394a2b9766f6d4db) #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>