Skip to content

Instantly share code, notes, and snippets.

View finom's full-sized avatar

Andrey Gubanov finom

174 followers · 5 following
View GitHub Profile
@finom
finom / Hello World.html
Last active December 1, 2015 13:36
Matreshka.js: From simple to simple
<!DOCTYPE html>
<html>
<head>
<title>My first application on the base of Matreshka</title>
</head>
<body>
<input type="text" class="my-input">
<div class="my-output"></div>
<script src="http://cdn.jsdelivr.net/matreshka/latest/matreshka.min.js"></script>
<script src="js/app.js"></script>
@finom
finom / Hello World.js
Created December 1, 2015 13:37
Matreshka.js: From simple to simple
var Application = Class({
'extends': Matreshka,
constructor: function() {
// bind x property to the text field
this.bindNode( 'x', '.my-input' );
// bind x property and block to my-output class
this.bindNode( 'x', '.my-output', {
setValue: function( v ) {
@finom
finom / data.js
Created December 1, 2015 14:28
Matreshka.js: From simple to simple
var data = [{
name: 'Ida T. Heath',
email: 'ida@dayrep.com',
phone: '507-879-9766'
}, {
name: 'Robert C. Burkhardt',
email: 'rburkhardt@teleworm.us',
phone: '321-252-5698'
}, {
name: 'Gerald S. Reaves',
@finom
finom / getUniqueNumber.js
Created April 18, 2017 19:04
Get unique number
// Some math based on https://en.wikipedia.org/wiki/Discrete_logarithm
// The function fastModularExponentiation allow to generate
// pseudo-random unique number from 0 to prime - 1.
// In other words every gotten number is converted to another number and returned numbers are unique
// Warning! When number arg is more than prime then returned numbers are going to be repeated
// thus for biggrer numbers we'll need to choose bigger prime number.
// The implementation if fastModularExponentiation is taken there https://gist.github.com/krzkaczor/0bdba0ee9555659ae5fe
// Primitive root calc: http://www.bluetulip.org/2014/programs/primitive.html
@finom
finom / r.js
Created April 20, 2017 17:08
DOM-ready in 81 ASCII chars; can you do smaller?
r=(f,d=document)=>d.readyState[0]=='l'?d.addEventListener('DOMContentLoad',f):f()
@finom
finom / orderby.js
Last active September 5, 2017 05:15
Orderby JavaScript function
var orderBy = function(arr, keys, orders) {
var defaultOrder = 'asc',
newArr,
length,
i,
commonOrder;
if ('length' in arr && typeof arr == 'object') {
if (!(orders instanceof Array)) {
@finom
finom / postCSSImportLoadJSHook.js
Created March 4, 2018 19:17
The function enhances postcss import plugin allowing CSS files to @import JS files
const readCache = require('read-cache');
const fs = require('fs');
const { NodeVM, VMScript } = require('vm2');
const optional = require('optional');
/*
The function enhances postcss import plugin allowing CSS files to @import JS files
which, in their turn, import a valid PostCSS string.
Example code:
@finom
finom / withContextProviders.js
Created May 11, 2020 13:36
[finom/with-context-providers] A react decorator which wraps a component by context providers
/*
A bit of syntax sugar over context providers. Allows to turn code like this:
<SomeProvider1>
<SomeProvider2>
<SomeProvider3>
<MyComponent />
</SomeProvider3>
</SomeProvider2>
</SomeProvider1>
@finom
finom / usePromiseEffect.js
Created May 11, 2020 13:40
[finom/use-promise-effect] A promise effect hook
/*
Usage:
usePromiseEffect(async => () => {
await fetch(foo);
// ...
})
*/
import { useEffect } from 'react';
@finom
finom / useForceUpdate.js
Created May 11, 2020 13:48
[finom/use-force-update] Allows to make force re-render of react components
/*
Usage:
const [forceIndex, forceUpdate] = useForceUpdate();
// call forceUpdate() when component needs to be updated
// use forceIndex as key to force re-render child components
Important! This function is most likely an antipattern! But sometimes I can be super useful:
it can re-render react native screens when something gone wrong and user is prompted by a "Try again" button.
*/