tea-combine's Introduction

TEA Combine

A set of combinators for working with stateful (and effectful) components.

Using this library you can do this:

import Browser
import CheckBox
import Counter
import Html
import TeaCombine exposing (..)
import TeaCombine.Pure.Pair exposing (..)


main =
    Browser.sandbox
        { init =
            Counter.init 0
                |> initWith (CheckBox.init False)
                |> initWith (CheckBox.init False)
        , view =
            Html.div []
                << (joinViews Counter.view CheckBox.view
                        |> withView CheckBox.view
                   )
        , update =
            Counter.update
                |> updateWith CheckBox.update
                |> updateWith CheckBox.update
        }

and have an app that looks like this (image is clickable!):

Here you can find a good explanatory article (thanks to Maldus512!) about how all this stuff works!

More examples

(All the sources you can find here)

simple one with Pure combinators,
another pure but recursive,
one with Effectful combinators,
another effectful but recursive,
one with form & binding,
one with multi-page layout,
another multi-page one but with the state resetting on tab switch.

tea-combine's People

Contributors

Stargazers

Watchers

tea-combine's Issues

Tree-like model example

It will be good to add a new example that mimics this one but uses the combinators.

Model of tree node should be a TeaCombine.*.Pair of node's data and TeaCombine.*.Many child nodes. We need at least a Pure example but if you will make an Effectful one too it will be great!

Add an effectful variant of recursive example

Now after #2 solved we have a Pure example for recursive structures. And it will be great to have an Effectful variant with the same structure.

Question to recursive components?

Hi, seen your presentation about elm, cool utility. Just one question.
I'm new to elm. You have an example for a list of elements. Is it also possible with your lib (or current elm at all) to compose recursive elements?
I am looking for a general solution for a TreeView CheckBox or Accordion Counter alike structure with nested view elements, each with own view, update, msg etc.

astynax / tea-combine Goto Github PK

tea-combine's Introduction

TEA Combine

More examples

tea-combine's People

Contributors

Stargazers

Watchers

Forkers

tea-combine's Issues

Tree-like model example

Add an effectful variant of recursive example

Question to recursive components?

Add a good explanational tutorial, at least for the simple stuff like the Both+Either composition.

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent