be kind

Sayamrat dumpsayamrat

be kind

I love javascript stuff.

dumpsayamrat / server.js

Created May 31, 2018 16:37

HTTP/2 (server.js)

	'use strict'

	const http2 = require('http2')
	const fs = require('fs')
	const path = require('path')
	const helper = require('./helper')

	const { HTTP2_HEADER_PATH } = http2.constants
	const PUBLIC_PATH = path.join(__dirname, '../public')
	const SSL_PATH = path.join(__dirname, '../ssl')

dumpsayamrat / index.html

Created May 31, 2018 15:04

HTTP/2 Server push (index.html)

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>Hello HTTP/2</title>
	<link rel="stylesheet" href="/app.css" media="all">
	</head>
	<body>
	<h1>Hello HTTP/2</h1>
	<script src="app.js"/></script>

dumpsayamrat / composed-foo-v3.js

Created September 10, 2017 16:08

	import React from 'react';
	import { compose, withState, mapProps } from 'recompose';

	const FooComponent = (props) => (
	<div>
	<h1>
	Clicks: { props.count }
	</h1>
	<button onClick={props.incrementCount}>+</button>
	<button onClick={props.decrementCount}>-</button>

dumpsayamrat / mapProps.js

Last active September 10, 2017 14:58

	import React from 'react';

	const mapProps = mapFn => BaseComponent =>
	(props) => (
	<BaseComponent
	{...mapFn(props)}
	/>
	);

	export default mapProps;

dumpsayamrat / composed-foo-v2.js

Created September 10, 2017 14:50

	import React from 'react';
	import withState from './withState';
	import mapProps from './mapProps';

	const FooComponent = (props) => (
	<div>
	<h1>
	Clicks: { props.count }
	</h1>
	<button onClick={props.incrementCount}>+</button>

dumpsayamrat / composed-foo.js

Created September 10, 2017 14:03

	import React from 'react';
	import withState from './withState';

	const FooComponent = (props) => (
	<div>
	<h1>
	Clicks: { props.count }
	</h1>
	<button onClick={() => props.updateCount((count) => count + 1)}>+</button>
	<hr />

dumpsayamrat / withState.js

Created September 10, 2017 13:28

	import React from 'react';

	const withState = (stateName, stateUpdateName, initialValue) => BaseComponent =>
	class extends React.Component {
	constructor(props) {
	super(props);
	this.state = {
	value: initialValue,
	};
	}

dumpsayamrat / foo-functional-component.js

Last active September 10, 2017 13:27

	import React from 'react';
	import withState from './withState';

	const FooComponent = (props) => (
	<div>
	<h1>
	Clicks: { props.count }
	</h1>
	<button onClick={() => props.updateCount((count) => count + 1)}>+</button>
	<hr />

dumpsayamrat / no-hoc-component.js

Created September 9, 2017 16:31

	class NoHoC extends React.Component {
	constructor(props) {
	super(props);
	this.state = {
	count: 0,
	text: '',
	};
	this.incrementCount = this.incrementCount.bind(this);
	this.onTextChange = this.onTextChange.bind(this);
	}

dumpsayamrat / toSlug-v2.js

Last active September 8, 2017 10:13

	const removeSpecialChar = word => word.replace(/[^a-zA-Z0-9]/g, '');
	const split = splitOn => str => str.split(splitOn);
	const toLowerCase = word => word.toLowerCase();
	const join = str => arr => arr.join(str);
	const map = fn => arr => arr.map(fn);
	const compose = (...fns) => x => fns.reduceRight((v, f) => f(v), x);

	// without compose
	const toSlug = input => join('-')(
	map(toLowerCase)(