undefined

Ivan Banov ivanbanov

undefined

ivanbanov / bundlers.md

Last active June 17, 2023 15:06

Bundlers comparison

	Rollup	SWC	esbuild	tsup	Vite	Parcel	Webpack
Monorepo support	⛔️	⛔️	⛔️	⛔️	⛔️	✅	⛔️
Performance esbuid/swc	esbuid/swc	✅	✅	esbuid/swc	esbuid/swc	✅	esbuid/swc
Type declaration (.d.ts)	rollup-plugin-dts	⛔️	⛔️	rollup-plugin-dts	rollup-plugin-dts	✅	ts-loader
Declaration map (.d.ts.map)	⛔️	⛔️	⛔️	⛔️	⛔️	✅	ts-loader
Treeshaking	✅	✅	✅	esbuild + rollup	esbuild + rollup	✅	✅
Type-check

ivanbanov / styles-base-config.js

Last active August 28, 2019 16:12

	const defaultFontFamily = 'Avenir, Helvetica Neue, Helvetica, Arial, sans-serif';

	const font = {
	size: {
	base: {
	small: '16px',
	large: '18px',
	},

	// PX to REM based on 16px

ivanbanov / cloudSettings

Last active February 21, 2019 16:01

Visual Studio Code Settings Sync Gist

{"lastUpload":"2019-02-21T16:01:47.849Z","extensionVersion":"v3.2.5"}

ivanbanov / Brewfile

Last active September 3, 2018 09:30

ivanbanov / app.js

Last active September 13, 2018 11:50

ELM + SVG Store + SVGO + HTML injection

	(() => {
	const icons = document.createElement('div');
	icons.innerHTML = require('images/icons.svg').match(/<svg.*<\/svg>/, '')[0];
	icons.style.display = 'none';
	document.body.appendChild(icons);
	})();

ivanbanov / component.storybook.js

Created May 24, 2017 21:11

Mock Redux

	import React from 'react';
	import {storiesOf} from '@kadira/storybook';
	import mockRedux from '<path-to>/js/mocks/redux';
	import {Component} from '../';

	const storeState = {
	list: ['foo', 'bar', 'baz'],
	someData: {
	foo: true,
	bar: false

ivanbanov / component.storybook.js

Last active January 9, 2019 09:16

Mock React context

	import React from 'react';
	import {storiesOf} from '@kadira/storybook';
	import mockContext from '<path-to>/js/mocks/context';
	import {Component} from '../';

	const context = {
	user: 'Foo Bar'
	};

	storiesOf('Component', module)

ivanbanov / component.storybook.js

Last active May 24, 2017 20:23

Mock Relay

	import React from 'react';
	import {storiesOf} from '@kadira/storybook';
	import mockRelay from '<path-to>/mocks/relay';
	import {Component} from '../';
	import viewer from './fixtures/viewer'; // json data

	const relay = {
	variables: {
	foo: {},
	bar: true,

ivanbanov / Polling.js

Last active April 28, 2024 23:49

Implements a polling with max retries and exponential retries

	const DEFAULT_BACKOFF = 200; // milliseconds

	export class Polling {
	constructor(fn, maxRetries = 10, initialDelay = DEFAULT_BACKOFF) {
	this._fn = fn;
	this._remainingRetries = maxRetries;
	this._delay = initialDelay;
	}

	async perform() {

ivanbanov / FormValidator.html

Created September 27, 2016 18:42

	<!-- * Simples POC of FormValidator * -->

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Validator</title>

	<style>
	* {