push

A micro front-end framework built for speed and purity

intro

push is similar to react + redux, however there is no virtual dom diffing.
Instead you have control over what components get rendered by using a treeReduce function - making things extremely fast.

push comes with:

• routing
• redux-like state management
• treeReduce re-rendering

why push?

speed

diffing takes the previous vdom and the latest vdom, and diffs them to produce a series of DOM patches, These patches are then applied to the DOM. This works well until there are a large number of list items to diff. Things can theoretically begin to slow down at this point.

with push however, you are in complete control over how you wish to patch the DOM. push is fast because:

• there is no fit-all diffing.
• there is no vdom - unless you want there to be.
• when you want to make changes to large lists, you can just replace, append, etc.

Check out the tutorial on building your tree-reduce function.

purity

push components are stateless functions - making them predictable, easy-to-test, easy-to-track. all state is managed by the state-reducer.

the state-reducer is a pure function - returning a new state whenever an action is dispatched.

all side effects are handled by treeReduce - since it has to handle mutations to the DOM anyway.

install

The easiest way to install is to create a new project directory and then install from a seed project

typeScript

npx douglas get push-seed-ts

javaScript

npx douglas get push-seed

Docs

Docs - https://github.com/attack-monkey/push/wiki