yelouafi’s gists

## introduction-to-parser-combinators.md

      
              1 file
            
          
              6 forks
            
          
              6 comments
            
          
              76 stars
            
          
              yelouafi
            / introduction-to-parser-combinators.md
          
          
            Last active Jul 29, 2018
          
        
      View introduction-to-parser-combinators.md
  
    
    In this tutorial we're going to build a set of parser combinators.
What is a parser combinator?
We'll answer the above question in 2 steps

what is a parser?
and.. what is a parser combinator?

So first question: What is parser?

  
## App.js
import React from 'react';
import reclass from './reclass';
import Greeter from './Greeter';

function App(ctx) {
  ctx.state = { civility: 'Mr.' };

  function changeCivility(e) {
    ctx.setState({ civility: e.target.value });
  }

## SimpleSagaMiddleware.html
<!doctype html>
<html lang="en">
  <body>
<script>

const sagaMiddleware = store => gen => {

  var resolve, reject
  var done = new Promise((res, rej) => {
    resolve = res

## redux-models.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
              yelouafi
            / redux-models.md
          
          
            Last active Jun 17, 2017
          
        
      View redux-models.md
  
    
    Motivation
In Redux, reducer composition with combineReducers offers a powerful way to handle
complex update logic of an application. A reducer can encapsulate all the ways a part
of the state is mutated because it can react to multiple types of actions.
But in some cases there is also a need for another type of factoring: often the update
logic is simple (for example setting a single value), and the there are many places in
the state shape where the update logic is the same.

  
## Counter.jsx
import React, { Component } from 'react'
import { runSaga, delay } from 'redux-saga'
import { take, put, call } from 'redux-saga/effects'

// helper functions
const bindFunc = (comp, method) => (...args) => method.apply(comp, args)
const bindSaga = (comp, method) => (...args) => runSaga(method.apply(comp, args), {})

export default class Counter extends React.Component {

## do-notation.sjs


syntax seq = function (ctx) {
  let monad = ctx.next().value;
  let bodyCtx = ctx.next().value.inner();

  function next() {
    let result
    let n = bodyCtx.next()
    if(n.done) return #``

## data-driven.js

// Getter a :: () -> a

// gmap :: ((a -> b), Getter a), Getter b
function gmap(fn, getter) {
  return () => fn(getter())
}

// gcombine2 :: ((a,b) -> c, Getter a, Getter ab) -> Getter c
function gcombine2(fn, getter1, getter2) {

## redux-obs-tree.html

<!DOCTYPE html>
<html>
  <head>
    <title>Redux basic example</title>
    <script src="https://npmcdn.com/redux@latest/dist/redux.min.js"></script>
    <script src="redux-dirty.js" charset="utf-8"></script>
  </head>
  <body>
    <script>

## rawc.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Raw DOM Nostalgia</title>
    <style>
      .done {
        text-decoration: line-through;
      }
    </style>

## model-helpers.js
"use strict"

const assign = Object.assign

function push(arr, item) {
  let newArr = (arr && arr.slice()) || []
  newArr.push(item)
  return newArr
}