Skip to content

Instantly share code, notes, and snippets.

View streamich's full-sized avatar
🐢
steady wins the race

Va Da streamich

🐢
steady wins the race
2k followers · 652 following
  • Metaverse
  • 12:26 (UTC +01:00)
View GitHub Profile
@streamich
streamich / pubsub.md
Last active March 13, 2018 11:55

PubSub class like this:

class PubSub {
  constructor () {
    this.el = document.createElement('div');
  }

  subscribe (eventName, handler) {
 this.el.addEventListener(eventName, handler);
@streamich
streamich / async-render.md
Last active March 5, 2018 09:34
Usage cases for async generator render functions: https://github.com/reactjs/rfcs/issues/29

Load data on client and server:

async function * MyComponent() {
  yield (<div>Loading...</div>);
  const users = await fetch('/users');
  yield () =>
    <div>
      <UserList users={users} />
 {this.props.buttonLabel}
@streamich
streamich / 1-future-ideas.js
Created March 4, 2018 12:21 — forked from trueadm/1-future-ideas.js
const React = require("react");
const Lifecycles = React.createLifecycleEvents({
didMount({ setState }) {
setState({
disabled: false,
});
},
didUpdate({ inputRef }) {
if (document.activeElement !== inputRef.value) {
@streamich
streamich / index.html
Created January 25, 2018 11:57 — forked from Spyryto/index.html
For loop benchmark (http://jsbench.github.io/#d573db2cbba29b3f8b29efb15d083b84) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>For loop 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>
@streamich
streamich / react16-css.js
Created October 7, 2017 01:21
Dynamic CSS for React components using React's v16 element array render result
class Button extends Component {
@css`
background-color: #ff0000;
width: 320px;
padding: 20px;
border-radius: 5px;
border: none;
outline: none;
&:hover {
@streamich
streamich / gist:a06b056cc18a69811c423bde646b5e73
Created October 4, 2017 15:30 — forked from millermedeiros/gist:891886
iPad HTML5 video quirks and hacks
/*
* Example how to preload HTML5 video on the iPad (iOS 3.2+)
* @author Miller Medeiros
* Released under WTFPL
*/
var vid = document.createElement('video');
vid.src = 'lol_catz.mp4';
document.getElementById('video-holder').appendChild(vid);
@streamich
streamich / current_bundles.html
Created September 5, 2017 08:58
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Webpack Bundle Analyzer</title>
<!-- viewer.js -->
<script>