⚡️ A simple reactive front-end framework
JavaScript Shell
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
docs
examples Updates animation example to use new helpers Jul 30, 2016
packages Move babel stuff to dependencies Jul 30, 2016
scripts Fix publish script Jul 30, 2016
.codeclimate.yml
.gitignore Simplify ignore Jun 11, 2016
.travis.yml Run tests without using lerna until we figure out how to fix lerna ru… Jul 20, 2016
README.md
SUMMARY.md
lerna.json
package.json Remove console.log Jul 29, 2016

README.md

Act
A simple reactive front-end framework

    Join the chat at https://gitter.im/joaomilho/act


Hello Act

Here's Act's hello world:

main('Hello world')

And here's the classic counter example:

const view = (value) => ['button', {click: {add: count}}, value]
main(view, { model: 0 })

More examples

Check even more examples in the documentation.

Why?

Functional

Act is built on top of Ramda and encourages a functional programming style.

Small

Act is small and most functionality is added by different modules, resulting on small builds. The TodoMVC has 13.4kb (min+gz).

Transparent

Act's internal code should be owned by its users, therefore simplicity and readability are valued.

Complete

Act tries to be as complete as possible, and have clearly defined ways of doing the most common tasks.

Install

Act is written in es6 and expects you to use webpack, so you can import only the files you really need. To install, just run in your project folder:

npm i @act/main -s

Getting started

The easiest way to start a new Act project is by checking out act-starter.

This project will give you a very basic setup that you can use to bootstrap an Act project, including babel and webpack config for development.

Contributing

Act is still in a very alpha status. If you wanna help, take a look at the ideas for improvement.