andywer

const { group } = require('@webpack-blocks/core')

module.exports = happypack

function happypack (blocks) {
  return group(blocks.map(happyfyBlock))
}

/**
 * Returns a new block wrapping `block` that creates a happypack loader config.

andywer

// With merge helper:

module.exports = function exampleBlock () {
  return (context, { merge }) => merge({
    module: {
      rules: [
        {
          test: context.fileType('text/css'),
          use: ['sample-css-loader']
        }

andywer

const webpackMerge = require('webpack-merge')

module.exports = {
  merge,
  addLoader,
  addPlugin
}

function merge (configSnippet) {
  return prevConfig => webpackMerge.smart(prevConfig, configSnippet)

andywer

// src/plugins/dctypes.js

import { types as tt } from "../tokenizer/types";
import { types as ct } from "../tokenizer/context";
import Parser from "../parser";
import "./flow";

const pp = Parser.prototype;

export default function (instance) {

andywer

Source

// test-code.js

add :: (number, number) => number

function add (x, y) {
  return x + y
}

andywer

{
  "version": "0.0.0",
  "scripts": {
    "to-comments": "babel --plugins=@andywer/babel-plugin-transform-dctypes-comments --no-babelrc test-code.js",
    "to-flow": "babel --plugins=@andywer/babel-plugin-transform-dctypes-to-flow --no-babelrc test-code.js",
    "to-flow-runtime": "NODE_ENV=development babel --plugins=@andywer/babel-plugin-transform-dctypes-to-flow,flow-runtime --no-babelrc test-code.js"
  },
  "dependencies": {
    "@andywer/babel-cli-dctypes": "7.0.0-alpha.1",
    "@andywer/babel-plugin-transform-dctypes-comments": "^0.1.0",

andywer

{
  "scripts": {
    "test": "mocha"
  },
  "engines": {
    "node": ">= 7.0"
  },
  "devDependencies": {
    "leakage": "./path/to/local/leakage/branch/feature/async-support",
    "mocha": "^3.2.0",

andywer

// counter.js
import stateful from 'new-fancy-statefulness'

const Counter = (props, state, { setState }) => (
  <div>
    <div>Clicked {state.clicks} times</div>
    <button onClick={props.onClick}>Increase +</button>
  </div>
)

andywer

This is a proposal for lightning talk at Reactive Conf. Please 🌟 this gist to push the proposal!

Memory Leak Testing in 2017

Hi, I am Andy, creator of leakage - the node-powered memory leak testing library.

Instead of manual debugging it provides a structured approach to fix or even prevent memory leaks.

andywer

const fetchData = thread(require('worker-loader!./fetch-data'))
// or
const fetchData = thread(async url => {
  return (await fetch(url)).json()
})

// fetchData :: ThenableObservable

const data = await fetchData('/api/me')